#E2B8CC - #CD6395 | 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 #E2B8CC to #CD6395

#E2B8CC #CD6395

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

#E2B8CC - #CD6395 | 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 #E2B8CC as 0% and #CD6395 as 100%.

0.0%	0.0% #E2B8CC	RGB 226 184 204	#E2B8CC
16.7%	16.7% #DEA9C2	RGB 222 169 194	#DEA9C2
33.3%	33.3% #DB9BB9	RGB 219 155 185	#DB9BB9
50.0%	50.0% #D78DB0	RGB 215 141 176	#D78DB0
66.7%	66.7% #D47FA7	RGB 212 127 167	#D47FA7
83.3%	83.3% #D0719E	RGB 208 113 158	#D0719E
100.0%	100.0% #CD6395	RGB 205 99 149	#CD6395

#E2B8CC #DEA9C2 #DB9BB9 #D78DB0 #D47FA7 #D0719E #CD6395

#E2B8CC - #CD6395

HSV Blend

#E2B8CC - #CD6395 | 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 #E2B8CC as 0% and #CD6395 as 100%.

0.0%	0.0% #E2B8CC	RGB 226 184 204	#E2B8CC
16.7%	16.7% #DEA8C2	RGB 222 168 194	#DEA8C2
33.3%	33.3% #DB9AB8	RGB 219 154 184	#DB9AB8
50.0%	50.0% #D78BAF	RGB 215 139 175	#D78BAF
66.7%	66.7% #D47DA6	RGB 212 125 166	#D47DA6
83.3%	83.3% #D0709D	RGB 208 112 157	#D0709D
100.0%	100.0% #CD6395	RGB 205 99 149	#CD6395

#E2B8CC #DEA8C2 #DB9AB8 #D78BAF #D47DA6 #D0709D #CD6395

#E2B8CC - #D78BAF - #CD6395

CSS codes

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

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