#5E446A - #20121E | 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 #5E446A to #20121E

#5E446A #20121E

Calculate the color between two colors, #5E446A and #20121E. 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)

#5E446A - #20121E | 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 #5E446A as 0% and #20121E as 100%.

0.0%	0.0% #5E446A	RGB 94 68 106	#5E446A
16.7%	16.7% #533B5D	RGB 83 59 93	#533B5D
33.3%	33.3% #493350	RGB 73 51 80	#493350
50.0%	50.0% #3F2B44	RGB 63 43 68	#3F2B44
66.7%	66.7% #342237	RGB 52 34 55	#342237
83.3%	83.3% #2A1A2A	RGB 42 26 42	#2A1A2A
100.0%	100.0% #20121E	RGB 32 18 30	#20121E

#5E446A #533B5D #493350 #3F2B44 #342237 #2A1A2A #20121E

#5E446A - #20121E

HSV Blend

#5E446A - #20121E | 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 #5E446A as 0% and #20121E as 100%.

0.0%	0.0% #5E446A	RGB 94 68 106	#5E446A
16.7%	16.7% #553A5D	RGB 85 58 93	#553A5D
33.3%	33.3% #4C3251	RGB 76 50 81	#4C3251
50.0%	50.0% #422945	RGB 66 41 69	#422945
66.7%	66.7% #382138	RGB 56 33 56	#382138
83.3%	83.3% #2C192B	RGB 44 25 43	#2C192B
100.0%	100.0% #20121E	RGB 32 18 30	#20121E

#5E446A #553A5D #4C3251 #422945 #382138 #2C192B #20121E

#5E446A - #422945 - #20121E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E446A 0%, #422945 50%, #20121E 100%);
    background: -webkit-linear-gradient(top, #5E446A 0%, #422945 50%, #20121E 100%);
    background: linear-gradient(to bottom, #5E446A 0%, #422945 50%, #20121E 100%);
}
</style>