#E8C0DC - #C25D97 | 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 #E8C0DC to #C25D97

#E8C0DC #C25D97

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

#E8C0DC - #C25D97 | 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 #E8C0DC as 0% and #C25D97 as 100%.

0.0%	0.0% #E8C0DC	RGB 232 192 220	#E8C0DC
16.7%	16.7% #E1AFD0	RGB 225 175 208	#E1AFD0
33.3%	33.3% #DB9FC5	RGB 219 159 197	#DB9FC5
50.0%	50.0% #D58EB9	RGB 213 142 185	#D58EB9
66.7%	66.7% #CE7EAE	RGB 206 126 174	#CE7EAE
83.3%	83.3% #C86DA2	RGB 200 109 162	#C86DA2
100.0%	100.0% #C25D97	RGB 194 93 151	#C25D97

#E8C0DC #E1AFD0 #DB9FC5 #D58EB9 #CE7EAE #C86DA2 #C25D97

#E8C0DC - #C25D97

HSV Blend

#E8C0DC - #C25D97 | 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 #E8C0DC as 0% and #C25D97 as 100%.

0.0%	0.0% #E8C0DC	RGB 232 192 220	#E8C0DC
16.7%	16.7% #E1ADD0	RGB 225 173 208	#E1ADD0
33.3%	33.3% #DB9CC5	RGB 219 156 197	#DB9CC5
50.0%	50.0% #D58BBA	RGB 213 139 186	#D58BBA
66.7%	66.7% #CE7BAE	RGB 206 123 174	#CE7BAE
83.3%	83.3% #C86BA2	RGB 200 107 162	#C86BA2
100.0%	100.0% #C25D97	RGB 194 93 151	#C25D97

#E8C0DC #E1ADD0 #DB9CC5 #D58BBA #CE7BAE #C86BA2 #C25D97

#E8C0DC - #D58BBA - #C25D97

CSS codes

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

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