#5E3251 - #8C7D85 | 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 #5E3251 to #8C7D85

#5E3251 #8C7D85

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

#5E3251 - #8C7D85 | 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 #5E3251 as 0% and #8C7D85 as 100%.

0.0%	0.0% #5E3251	RGB 94 50 81	#5E3251
16.7%	16.7% #653E59	RGB 101 62 89	#653E59
33.3%	33.3% #6D4B62	RGB 109 75 98	#6D4B62
50.0%	50.0% #75576B	RGB 117 87 107	#75576B
66.7%	66.7% #7C6473	RGB 124 100 115	#7C6473
83.3%	83.3% #84707C	RGB 132 112 124	#84707C
100.0%	100.0% #8C7D85	RGB 140 125 133	#8C7D85

#5E3251 #653E59 #6D4B62 #75576B #7C6473 #84707C #8C7D85

#5E3251 - #8C7D85

HSV Blend

#5E3251 - #8C7D85 | 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 #5E3251 as 0% and #8C7D85 as 100%.

0.0%	0.0% #5E3251	RGB 94 50 81	#5E3251
16.7%	16.7% #653C58	RGB 101 60 88	#653C58
33.3%	33.3% #6D475F	RGB 109 71 95	#6D475F
50.0%	50.0% #755368	RGB 117 83 104	#755368
66.7%	66.7% #7C6071	RGB 124 96 113	#7C6071
83.3%	83.3% #846E7A	RGB 132 110 122	#846E7A
100.0%	100.0% #8C7D85	RGB 140 125 133	#8C7D85

#5E3251 #653C58 #6D475F #755368 #7C6071 #846E7A #8C7D85

#5E3251 - #755368 - #8C7D85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3251 0%, #755368 50%, #8C7D85 100%);
    background: -webkit-linear-gradient(top, #5E3251 0%, #755368 50%, #8C7D85 100%);
    background: linear-gradient(to bottom, #5E3251 0%, #755368 50%, #8C7D85 100%);
}
</style>