#E2B8D1 - #CF639F | 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 #E2B8D1 to #CF639F

#E2B8D1 #CF639F

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

#E2B8D1 - #CF639F | 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 #E2B8D1 as 0% and #CF639F as 100%.

0.0%	0.0% #E2B8D1	RGB 226 184 209	#E2B8D1
16.7%	16.7% #DEA9C8	RGB 222 169 200	#DEA9C8
33.3%	33.3% #DB9BC0	RGB 219 155 192	#DB9BC0
50.0%	50.0% #D88DB8	RGB 216 141 184	#D88DB8
66.7%	66.7% #D57FAF	RGB 213 127 175	#D57FAF
83.3%	83.3% #D271A7	RGB 210 113 167	#D271A7
100.0%	100.0% #CF639F	RGB 207 99 159	#CF639F

#E2B8D1 #DEA9C8 #DB9BC0 #D88DB8 #D57FAF #D271A7 #CF639F

#E2B8D1 - #CF639F

HSV Blend

#E2B8D1 - #CF639F | 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 #E2B8D1 as 0% and #CF639F as 100%.

0.0%	0.0% #E2B8D1	RGB 226 184 209	#E2B8D1
16.7%	16.7% #DEA8C8	RGB 222 168 200	#DEA8C8
33.3%	33.3% #DB9AC0	RGB 219 154 192	#DB9AC0
50.0%	50.0% #D88BB7	RGB 216 139 183	#D88BB7
66.7%	66.7% #D57DAF	RGB 213 125 175	#D57DAF
83.3%	83.3% #D270A7	RGB 210 112 167	#D270A7
100.0%	100.0% #CF639F	RGB 207 99 159	#CF639F

#E2B8D1 #DEA8C8 #DB9AC0 #D88BB7 #D57DAF #D270A7 #CF639F

#E2B8D1 - #D88BB7 - #CF639F

CSS codes

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

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