#5E3C56 - #CD877F | 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 #5E3C56 to #CD877F

#5E3C56 #CD877F

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

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

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #70485C	RGB 112 72 92	#70485C
33.3%	33.3% #835563	RGB 131 85 99	#835563
50.0%	50.0% #95616A	RGB 149 97 106	#95616A
66.7%	66.7% #A86E71	RGB 168 110 113	#A86E71
83.3%	83.3% #BA7A78	RGB 186 122 120	#BA7A78
100.0%	100.0% #CD877F	RGB 205 135 127	#CD877F

#5E3C56 #70485C #835563 #95616A #A86E71 #BA7A78 #CD877F

#5E3C56 - #CD877F

HSV Blend

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

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #704760	RGB 112 71 96	#704760
33.3%	33.3% #835269	RGB 131 82 105	#835269
50.0%	50.0% #955E70	RGB 149 94 112	#955E70
66.7%	66.7% #A86974	RGB 168 105 116	#A86974
83.3%	83.3% #BA7477	RGB 186 116 119	#BA7477
100.0%	100.0% #CD877F	RGB 205 135 127	#CD877F

#5E3C56 #704760 #835269 #955E70 #A86974 #BA7477 #CD877F

#5E3C56 - #955E70 - #CD877F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C56 0%, #955E70 50%, #CD877F 100%);
    background: -webkit-linear-gradient(top, #5E3C56 0%, #955E70 50%, #CD877F 100%);
    background: linear-gradient(to bottom, #5E3C56 0%, #955E70 50%, #CD877F 100%);
}
</style>