colorate.azurewebsites.net Open in urlscan Pro
138.91.16.18  Public Scan

Form analysis
2 forms found in the DOM

POST /en/FindColor

<form action="/en/FindColor" class="d-flex" method="post"> <button class="btn mr-1" name="ColorPickerButton" type="submit"><i class="fa fa-sliders" aria-hidden="true"></i></button>
  <span class="w-100 mr-1">
    <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="ColorHex" id="ColorHex" class="form-input minicolorpicker minicolors-input" value="#5602CA" size="7"><span
        class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(86, 2, 202);"></span></span>
      <div class="minicolors-panel minicolors-slider-hue">
        <div class="minicolors-slider minicolors-sprite">
          <div class="minicolors-picker" style="top: 39.5px;"></div>
        </div>
        <div class="minicolors-opacity-slider minicolors-sprite">
          <div class="minicolors-picker"></div>
        </div>
        <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(106, 0, 255);">
          <div class="minicolors-grid-inner"></div>
          <div class="minicolors-picker" style="top: 31px; left: 149px;">
            <div></div>
          </div>
        </div>
      </div>
    </div>
  </span>
  <button class="btn" name="FindColorButton" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>

POST /en/FindBlend

<form action="/en/FindBlend" class="d-flex" method="post"> <span class="w-100 mr-1">
    <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="BlendHex1" id="BlendHex1" class="form-input minicolorpicker minicolors-input" value="#B25713" size="7"><span
        class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(178, 87, 19);"></span></span>
      <div class="minicolors-panel minicolors-slider-hue">
        <div class="minicolors-slider minicolors-sprite">
          <div class="minicolors-picker" style="top: 139.308px;"></div>
        </div>
        <div class="minicolors-opacity-slider minicolors-sprite">
          <div class="minicolors-picker"></div>
        </div>
        <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 111, 0);">
          <div class="minicolors-grid-inner"></div>
          <div class="minicolors-picker" style="top: 45px; left: 134px;">
            <div></div>
          </div>
        </div>
      </div>
    </div>
  </span>
  <span class="w-100 mr-1">
    <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="BlendHex2" id="BlendHex2" class="form-input minicolorpicker minicolors-input" value="#0BDC8E" size="7"><span
        class="minicolors-swatch minicolors-sprite minicolors-input-swatch"><span class="minicolors-swatch-color" style="background-color: rgb(11, 220, 142);"></span></span>
      <div class="minicolors-panel minicolors-slider-hue">
        <div class="minicolors-slider minicolors-sprite">
          <div class="minicolors-picker" style="top: 84.3301px;"></div>
        </div>
        <div class="minicolors-opacity-slider minicolors-sprite">
          <div class="minicolors-picker"></div>
        </div>
        <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 162);">
          <div class="minicolors-grid-inner"></div>
          <div class="minicolors-picker" style="top: 20px; left: 143px;">
            <div></div>
          </div>
        </div>
      </div>
    </div>
  </span>
  <button class="btn"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>

Text Content

COLORATE

   
colorate is a color scheme tool for designers and developers. This will help you
draw inspiration and serve as a resource for your color work.  Make this site
better  

STEP 1 : Select Color

#5602CA  #5602CA

STEP 2 : Select Color Scheme

base
#8B50DD main
#5602CA accent
#CAA602 accent
#02CA06

You Made It !

 Retry




TRY IT WITH YOUR FAVORITE COLOR


#ED5466
#DB4455
#FB6E52
#E9573E
#FFCE55
#F6BB43
#A0D468
#8CC051
#48CFAE
#36BC9B
#4FC0E8
#3BAEDA
#5D9CEC
#4B89DC
#AC92ED
#967BDC
#EC87BF
#D870AD
#F6F7FB
#E6E9EE
#CCD0D9
#AAB2BD
#656D78
#434A54


BLEND THE TWO COLORS


#C33865 - #1E2670
#6091E8 - #A6BEE7
#0475E6 - #031B80
#42C5AC - #F8FFAF
#DCE25A - #46B648
#3395E5 - #EC6FAE
#66B26E - #4DA2CE
#F2904F - #3B4270
#E86442 - #903E94
#BCC3C6 - #2C4E51
#FFD99B - #20537B
#43275A - #734A6C



UTILITIES


BARCODE

You can create barcodes online. The created barcode can be downloaded as PNG or
EPS.

 Make barcode


COLORATE

colorate is a color scheme tool for designers and developers. This will help you
draw inspiration and serve as a resource for your color work.

 Make color scheme


TEXTATE

Make text to image. It is useful when you want to send text on SNS.

 Make text to image


HTML Color PANTONE Chart Picker Privacy Policy © 2024 - ssi
  English 日本語 中文(简体) Deutsch Español Français italiano 한국