#EDB7E7 - #C948A6 | 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 #EDB7E7 to #C948A6

#EDB7E7 #C948A6

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

#EDB7E7 - #C948A6 | 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 #EDB7E7 as 0% and #C948A6 as 100%.

0.0%	0.0% #EDB7E7	RGB 237 183 231	#EDB7E7
16.7%	16.7% #E7A4DC	RGB 231 164 220	#E7A4DC
33.3%	33.3% #E192D1	RGB 225 146 209	#E192D1
50.0%	50.0% #DB7FC6	RGB 219 127 198	#DB7FC6
66.7%	66.7% #D56DBB	RGB 213 109 187	#D56DBB
83.3%	83.3% #CF5AB0	RGB 207 90 176	#CF5AB0
100.0%	100.0% #C948A6	RGB 201 72 166	#C948A6

#EDB7E7 #E7A4DC #E192D1 #DB7FC6 #D56DBB #CF5AB0 #C948A6

#EDB7E7 - #C948A6

HSV Blend

#EDB7E7 - #C948A6 | 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 #EDB7E7 as 0% and #C948A6 as 100%.

0.0%	0.0% #EDB7E7	RGB 237 183 231	#EDB7E7
16.7%	16.7% #E7A2DD	RGB 231 162 221	#E7A2DD
33.3%	33.3% #E18ED3	RGB 225 142 211	#E18ED3
50.0%	50.0% #DB7BC8	RGB 219 123 200	#DB7BC8
66.7%	66.7% #D569BD	RGB 213 105 189	#D569BD
83.3%	83.3% #CF58B1	RGB 207 88 177	#CF58B1
100.0%	100.0% #C948A6	RGB 201 72 166	#C948A6

#EDB7E7 #E7A2DD #E18ED3 #DB7BC8 #D569BD #CF58B1 #C948A6

#EDB7E7 - #DB7BC8 - #C948A6

CSS codes

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

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