#CD3BFF - #EC62DB | 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 #CD3BFF to #EC62DB

#CD3BFF #EC62DB

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

#CD3BFF - #EC62DB | 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 #CD3BFF as 0% and #EC62DB as 100%.

0.0%	0.0% #CD3BFF	RGB 205 59 255	#CD3BFF
16.7%	16.7% #D241F9	RGB 210 65 249	#D241F9
33.3%	33.3% #D748F3	RGB 215 72 243	#D748F3
50.0%	50.0% #DC4EED	RGB 220 78 237	#DC4EED
66.7%	66.7% #E155E7	RGB 225 85 231	#E155E7
83.3%	83.3% #E65BE1	RGB 230 91 225	#E65BE1
100.0%	100.0% #EC62DB	RGB 236 98 219	#EC62DB

#CD3BFF #D241F9 #D748F3 #DC4EED #E155E7 #E65BE1 #EC62DB

#CD3BFF - #EC62DB

HSV Blend

#CD3BFF - #EC62DB | 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 #CD3BFF as 0% and #EC62DB as 100%.

0.0%	0.0% #CD3BFF	RGB 205 59 255	#CD3BFF
16.7%	16.7% #D841FB	RGB 216 65 251	#D841FB
33.3%	33.3% #E148F8	RGB 225 72 248	#E148F8
50.0%	50.0% #EA4FF5	RGB 234 79 245	#EA4FF5
66.7%	66.7% #F155F2	RGB 241 85 242	#F155F2
83.3%	83.3% #EF5BE6	RGB 239 91 230	#EF5BE6
100.0%	100.0% #EC62DB	RGB 236 98 219	#EC62DB

#CD3BFF #D841FB #E148F8 #EA4FF5 #F155F2 #EF5BE6 #EC62DB

#CD3BFF - #EA4FF5 - #EC62DB

CSS codes

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

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