#E5C7DC - #B970A0 | 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 #E5C7DC to #B970A0

#E5C7DC #B970A0

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

#E5C7DC - #B970A0 | 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 #E5C7DC as 0% and #B970A0 as 100%.

0.0%	0.0% #E5C7DC	RGB 229 199 220	#E5C7DC
16.7%	16.7% #DDB8D2	RGB 221 184 210	#DDB8D2
33.3%	33.3% #D6AAC8	RGB 214 170 200	#D6AAC8
50.0%	50.0% #CF9BBE	RGB 207 155 190	#CF9BBE
66.7%	66.7% #C78DB4	RGB 199 141 180	#C78DB4
83.3%	83.3% #C07EAA	RGB 192 126 170	#C07EAA
100.0%	100.0% #B970A0	RGB 185 112 160	#B970A0

#E5C7DC #DDB8D2 #D6AAC8 #CF9BBE #C78DB4 #C07EAA #B970A0

#E5C7DC - #B970A0

HSV Blend

#E5C7DC - #B970A0 | 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 #E5C7DC as 0% and #B970A0 as 100%.

0.0%	0.0% #E5C7DC	RGB 229 199 220	#E5C7DC
16.7%	16.7% #DDB6D1	RGB 221 182 209	#DDB6D1
33.3%	33.3% #D6A7C7	RGB 214 167 199	#D6A7C7
50.0%	50.0% #CF98BD	RGB 207 152 189	#CF98BD
66.7%	66.7% #C78AB3	RGB 199 138 179	#C78AB3
83.3%	83.3% #C07CA9	RGB 192 124 169	#C07CA9
100.0%	100.0% #B970A0	RGB 185 112 160	#B970A0

#E5C7DC #DDB6D1 #D6A7C7 #CF98BD #C78AB3 #C07CA9 #B970A0

#E5C7DC - #CF98BD - #B970A0

CSS codes

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

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