#E5B6B9 - #B2616B | 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 #E5B6B9 to #B2616B

#E5B6B9 #B2616B

Calculate the color between two colors, #E5B6B9 and #B2616B. 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)

#E5B6B9 - #B2616B | 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 #E5B6B9 as 0% and #B2616B as 100%.

0.0%	0.0% #E5B6B9	RGB 229 182 185	#E5B6B9
16.7%	16.7% #DCA7AC	RGB 220 167 172	#DCA7AC
33.3%	33.3% #D4999F	RGB 212 153 159	#D4999F
50.0%	50.0% #CB8B92	RGB 203 139 146	#CB8B92
66.7%	66.7% #C37D85	RGB 195 125 133	#C37D85
83.3%	83.3% #BA6F78	RGB 186 111 120	#BA6F78
100.0%	100.0% #B2616B	RGB 178 97 107	#B2616B

#E5B6B9 #DCA7AC #D4999F #CB8B92 #C37D85 #BA6F78 #B2616B

#E5B6B9 - #B2616B

HSV Blend

#E5B6B9 - #B2616B | 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 #E5B6B9 as 0% and #B2616B as 100%.

0.0%	0.0% #E5B6B9	RGB 229 182 185	#E5B6B9
16.7%	16.7% #DCA6AA	RGB 220 166 170	#DCA6AA
33.3%	33.3% #D4969B	RGB 212 150 155	#D4969B
50.0%	50.0% #CB888E	RGB 203 136 142	#CB888E
66.7%	66.7% #C37A82	RGB 195 122 130	#C37A82
83.3%	83.3% #BA6D76	RGB 186 109 118	#BA6D76
100.0%	100.0% #B2616B	RGB 178 97 107	#B2616B

#E5B6B9 #DCA6AA #D4969B #CB888E #C37A82 #BA6D76 #B2616B

#E5B6B9 - #CB888E - #B2616B

CSS codes

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

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