#EC9FEE - #CF4BC2 | 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 #EC9FEE to #CF4BC2

#EC9FEE #CF4BC2

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

#EC9FEE - #CF4BC2 | 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 #EC9FEE as 0% and #CF4BC2 as 100%.

0.0%	0.0% #EC9FEE	RGB 236 159 238	#EC9FEE
16.7%	16.7% #E791E6	RGB 231 145 230	#E791E6
33.3%	33.3% #E283DF	RGB 226 131 223	#E283DF
50.0%	50.0% #DD75D8	RGB 221 117 216	#DD75D8
66.7%	66.7% #D867D0	RGB 216 103 208	#D867D0
83.3%	83.3% #D359C9	RGB 211 89 201	#D359C9
100.0%	100.0% #CF4BC2	RGB 207 75 194	#CF4BC2

#EC9FEE #E791E6 #E283DF #DD75D8 #D867D0 #D359C9 #CF4BC2

#EC9FEE - #CF4BC2

HSV Blend

#EC9FEE - #CF4BC2 | 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 #EC9FEE as 0% and #CF4BC2 as 100%.

0.0%	0.0% #EC9FEE	RGB 236 159 238	#EC9FEE
16.7%	16.7% #E88FE8	RGB 232 143 232	#E88FE8
33.3%	33.3% #E380E2	RGB 227 128 226	#E380E2
50.0%	50.0% #DE72DA	RGB 222 114 218	#DE72DA
66.7%	66.7% #D964D2	RGB 217 100 210	#D964D2
83.3%	83.3% #D457CA	RGB 212 87 202	#D457CA
100.0%	100.0% #CF4BC2	RGB 207 75 194	#CF4BC2

#EC9FEE #E88FE8 #E380E2 #DE72DA #D964D2 #D457CA #CF4BC2

#EC9FEE - #DE72DA - #CF4BC2

CSS codes

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

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