#EAC2E6 - #CF6ECD | 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 #EAC2E6 to #CF6ECD

#EAC2E6 #CF6ECD

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

#EAC2E6 - #CF6ECD | 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 #EAC2E6 as 0% and #CF6ECD as 100%.

0.0%	0.0% #EAC2E6	RGB 234 194 230	#EAC2E6
16.7%	16.7% #E5B4E1	RGB 229 180 225	#E5B4E1
33.3%	33.3% #E1A6DD	RGB 225 166 221	#E1A6DD
50.0%	50.0% #DC98D9	RGB 220 152 217	#DC98D9
66.7%	66.7% #D88AD5	RGB 216 138 213	#D88AD5
83.3%	83.3% #D37CD1	RGB 211 124 209	#D37CD1
100.0%	100.0% #CF6ECD	RGB 207 110 205	#CF6ECD

#EAC2E6 #E5B4E1 #E1A6DD #DC98D9 #D88AD5 #D37CD1 #CF6ECD

#EAC2E6 - #CF6ECD

HSV Blend

#EAC2E6 - #CF6ECD | 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 #EAC2E6 as 0% and #CF6ECD as 100%.

0.0%	0.0% #EAC2E6	RGB 234 194 230	#EAC2E6
16.7%	16.7% #E5B2E1	RGB 229 178 225	#E5B2E1
33.3%	33.3% #E1A4DC	RGB 225 164 220	#E1A4DC
50.0%	50.0% #DC95D8	RGB 220 149 216	#DC95D8
66.7%	66.7% #D888D4	RGB 216 136 212	#D888D4
83.3%	83.3% #D37AD0	RGB 211 122 208	#D37AD0
100.0%	100.0% #CF6ECD	RGB 207 110 205	#CF6ECD

#EAC2E6 #E5B2E1 #E1A4DC #DC95D8 #D888D4 #D37AD0 #CF6ECD

#EAC2E6 - #DC95D8 - #CF6ECD

CSS codes

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

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