#EF7EE4 - #CF2DC0 | 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 #EF7EE4 to #CF2DC0

#EF7EE4 #CF2DC0

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

#EF7EE4 - #CF2DC0 | 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 #EF7EE4 as 0% and #CF2DC0 as 100%.

0.0%	0.0% #EF7EE4	RGB 239 126 228	#EF7EE4
16.7%	16.7% #E970DE	RGB 233 112 222	#E970DE
33.3%	33.3% #E463D8	RGB 228 99 216	#E463D8
50.0%	50.0% #DF55D2	RGB 223 85 210	#DF55D2
66.7%	66.7% #D948CC	RGB 217 72 204	#D948CC
83.3%	83.3% #D43AC6	RGB 212 58 198	#D43AC6
100.0%	100.0% #CF2DC0	RGB 207 45 192	#CF2DC0

#EF7EE4 #E970DE #E463D8 #DF55D2 #D948CC #D43AC6 #CF2DC0

#EF7EE4 - #CF2DC0

HSV Blend

#EF7EE4 - #CF2DC0 | 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 #EF7EE4 as 0% and #CF2DC0 as 100%.

0.0%	0.0% #EF7EE4	RGB 239 126 228	#EF7EE4
16.7%	16.7% #E96FDD	RGB 233 111 221	#E96FDD
33.3%	33.3% #E460D7	RGB 228 96 215	#E460D7
50.0%	50.0% #DF53D1	RGB 223 83 209	#DF53D1
66.7%	66.7% #D945CB	RGB 217 69 203	#D945CB
83.3%	83.3% #D439C5	RGB 212 57 197	#D439C5
100.0%	100.0% #CF2DC0	RGB 207 45 192	#CF2DC0

#EF7EE4 #E96FDD #E460D7 #DF53D1 #D945CB #D439C5 #CF2DC0

#EF7EE4 - #DF53D1 - #CF2DC0

CSS codes

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

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