#CD00CE - #FF79F2 | 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 #CD00CE to #FF79F2

#CD00CE #FF79F2

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

#CD00CE - #FF79F2 | 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 #CD00CE as 0% and #FF79F2 as 100%.

0.0%	0.0% #CD00CE	RGB 205 0 206	#CD00CE
16.7%	16.7% #D514D4	RGB 213 20 212	#D514D4
33.3%	33.3% #DD28DA	RGB 221 40 218	#DD28DA
50.0%	50.0% #E63CE0	RGB 230 60 224	#E63CE0
66.7%	66.7% #EE50E6	RGB 238 80 230	#EE50E6
83.3%	83.3% #F664EC	RGB 246 100 236	#F664EC
100.0%	100.0% #FF79F2	RGB 255 121 242	#FF79F2

#CD00CE #D514D4 #DD28DA #E63CE0 #EE50E6 #F664EC #FF79F2

#CD00CE - #FF79F2

HSV Blend

#CD00CE - #FF79F2 | 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 #CD00CE as 0% and #FF79F2 as 100%.

0.0%	0.0% #CD00CE	RGB 205 0 206	#CD00CE
16.7%	16.7% #D610D3	RGB 214 16 211	#D610D3
33.3%	33.3% #DE23D8	RGB 222 35 216	#DE23D8
50.0%	50.0% #E636DE	RGB 230 54 222	#E636DE
66.7%	66.7% #EE4BE4	RGB 238 75 228	#EE4BE4
83.3%	83.3% #F661EA	RGB 246 97 234	#F661EA
100.0%	100.0% #FF79F2	RGB 255 121 242	#FF79F2

#CD00CE #D610D3 #DE23D8 #E636DE #EE4BE4 #F661EA #FF79F2

#CD00CE - #E636DE - #FF79F2

CSS codes

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

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