#5A3E4D - #3C0F10 | 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 #5A3E4D to #3C0F10

#5A3E4D #3C0F10

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

#5A3E4D - #3C0F10 | 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 #5A3E4D as 0% and #3C0F10 as 100%.

0.0%	0.0% #5A3E4D	RGB 90 62 77	#5A3E4D
16.7%	16.7% #553642	RGB 85 54 66	#553642
33.3%	33.3% #502E38	RGB 80 46 56	#502E38
50.0%	50.0% #4B262E	RGB 75 38 46	#4B262E
66.7%	66.7% #461E24	RGB 70 30 36	#461E24
83.3%	83.3% #41161A	RGB 65 22 26	#41161A
100.0%	100.0% #3C0F10	RGB 60 15 16	#3C0F10

#5A3E4D #553642 #502E38 #4B262E #461E24 #41161A #3C0F10

#5A3E4D - #3C0F10

HSV Blend

#5A3E4D - #3C0F10 | 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 #5A3E4D as 0% and #3C0F10 as 100%.

0.0%	0.0% #5A3E4D	RGB 90 62 77	#5A3E4D
16.7%	16.7% #553443	RGB 85 52 67	#553443
33.3%	33.3% #502B38	RGB 80 43 56	#502B38
50.0%	50.0% #4B232E	RGB 75 35 46	#4B232E
66.7%	66.7% #461B23	RGB 70 27 35	#461B23
83.3%	83.3% #411519	RGB 65 21 25	#411519
100.0%	100.0% #3C0F10	RGB 60 15 16	#3C0F10

#5A3E4D #553443 #502B38 #4B232E #461B23 #411519 #3C0F10

#5A3E4D - #4B232E - #3C0F10

CSS codes

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

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