#100224 - #432D5E | 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

Blend #100224 to #432D5E

#100224 #432D5E

Calculate the color between two colors, #100224 and #432D5E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#100224 - #432D5E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #100224 as 0% and #432D5E as 100%.

0.0%	0.0% #100224	RGB 16 2 36	#100224
16.7%	16.7% #18092D	RGB 24 9 45	#18092D
33.3%	33.3% #211037	RGB 33 16 55	#211037
50.0%	50.0% #291741	RGB 41 23 65	#291741
66.7%	66.7% #321E4A	RGB 50 30 74	#321E4A
83.3%	83.3% #3A2554	RGB 58 37 84	#3A2554
100.0%	100.0% #432D5E	RGB 67 45 94	#432D5E

#100224 #18092D #211037 #291741 #321E4A #3A2554 #432D5E

#100224 - #432D5E

HSV Blend

#100224 - #432D5E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #100224 as 0% and #432D5E as 100%.

0.0%	0.0% #0F0224	RGB 15 2 36	#0F0224
16.7%	16.7% #16052D	RGB 22 5 45	#16052D
33.3%	33.3% #1D0A37	RGB 29 10 55	#1D0A37
50.0%	50.0% #251141	RGB 37 17 65	#251141
66.7%	66.7% #2E194A	RGB 46 25 74	#2E194A
83.3%	83.3% #382254	RGB 56 34 84	#382254
100.0%	100.0% #432D5E	RGB 67 45 94	#432D5E

#0F0224 #16052D #1D0A37 #251141 #2E194A #382254 #432D5E

#100224 - #251141 - #432D5E

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #100224 0%, #432D5E 100%);
    background: -webkit-linear-gradient(top, #100224 0%, #432D5E 100%);
    background: linear-gradient(to bottom, #100224 0%, #432D5E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F0224 0%, #251141 50%, #432D5E 100%);
    background: -webkit-linear-gradient(top, #0F0224 0%, #251141 50%, #432D5E 100%);
    background: linear-gradient(to bottom, #0F0224 0%, #251141 50%, #432D5E 100%);
}
</style>