#5E3656 - #C96E7B | 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 #5E3656 to #C96E7B

#5E3656 #C96E7B

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

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

0.0%	0.0% #5E3656	RGB 94 54 86	#5E3656
16.7%	16.7% #6F3F5C	RGB 111 63 92	#6F3F5C
33.3%	33.3% #814862	RGB 129 72 98	#814862
50.0%	50.0% #935268	RGB 147 82 104	#935268
66.7%	66.7% #A55B6E	RGB 165 91 110	#A55B6E
83.3%	83.3% #B76474	RGB 183 100 116	#B76474
100.0%	100.0% #C96E7B	RGB 201 110 123	#C96E7B

#5E3656 #6F3F5C #814862 #935268 #A55B6E #B76474 #C96E7B

#5E3656 - #C96E7B

HSV Blend

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

0.0%	0.0% #5E3656	RGB 94 54 86	#5E3656
16.7%	16.7% #6F3F60	RGB 111 63 96	#6F3F60
33.3%	33.3% #81496A	RGB 129 73 106	#81496A
50.0%	50.0% #935271	RGB 147 82 113	#935271
66.7%	66.7% #A55B76	RGB 165 91 118	#A55B76
83.3%	83.3% #B76579	RGB 183 101 121	#B76579
100.0%	100.0% #C96E7B	RGB 201 110 123	#C96E7B

#5E3656 #6F3F60 #81496A #935271 #A55B76 #B76579 #C96E7B

#5E3656 - #935271 - #C96E7B

CSS codes

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

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