#5E3255 - #400612 | 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 #5E3255 to #400612

#5E3255 #400612

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

#5E3255 - #400612 | 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 #5E3255 as 0% and #400612 as 100%.

0.0%	0.0% #5E3255	RGB 94 50 85	#5E3255
16.7%	16.7% #592A49	RGB 89 42 73	#592A49
33.3%	33.3% #54233E	RGB 84 35 62	#54233E
50.0%	50.0% #4F1C33	RGB 79 28 51	#4F1C33
66.7%	66.7% #4A1428	RGB 74 20 40	#4A1428
83.3%	83.3% #450D1D	RGB 69 13 29	#450D1D
100.0%	100.0% #400612	RGB 64 6 18	#400612

#5E3255 #592A49 #54233E #4F1C33 #4A1428 #450D1D #400612

#5E3255 - #400612

HSV Blend

#5E3255 - #400612 | 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 #5E3255 as 0% and #400612 as 100%.

0.0%	0.0% #5E3255	RGB 94 50 85	#5E3255
16.7%	16.7% #59284A	RGB 89 40 74	#59284A
33.3%	33.3% #54203F	RGB 84 32 63	#54203F
50.0%	50.0% #4F1833	RGB 79 24 51	#4F1833
66.7%	66.7% #4A1128	RGB 74 17 40	#4A1128
83.3%	83.3% #450B1D	RGB 69 11 29	#450B1D
100.0%	100.0% #400612	RGB 64 6 18	#400612

#5E3255 #59284A #54203F #4F1833 #4A1128 #450B1D #400612

#5E3255 - #4F1833 - #400612

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3255 0%, #4F1833 50%, #400612 100%);
    background: -webkit-linear-gradient(top, #5E3255 0%, #4F1833 50%, #400612 100%);
    background: linear-gradient(to bottom, #5E3255 0%, #4F1833 50%, #400612 100%);
}
</style>