#CF1EDA - #FF99F7 | 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 #CF1EDA to #FF99F7

#CF1EDA #FF99F7

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

#CF1EDA - #FF99F7 | 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 #CF1EDA as 0% and #FF99F7 as 100%.

0.0%	0.0% #CF1EDA	RGB 207 30 218	#CF1EDA
16.7%	16.7% #D732DE	RGB 215 50 222	#D732DE
33.3%	33.3% #DF47E3	RGB 223 71 227	#DF47E3
50.0%	50.0% #E75BE8	RGB 231 91 232	#E75BE8
66.7%	66.7% #EF70ED	RGB 239 112 237	#EF70ED
83.3%	83.3% #F784F2	RGB 247 132 242	#F784F2
100.0%	100.0% #FF99F7	RGB 255 153 247	#FF99F7

#CF1EDA #D732DE #DF47E3 #E75BE8 #EF70ED #F784F2 #FF99F7

#CF1EDA - #FF99F7

HSV Blend

#CF1EDA - #FF99F7 | 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 #CF1EDA as 0% and #FF99F7 as 100%.

0.0%	0.0% #CF1EDA	RGB 207 30 218	#CF1EDA
16.7%	16.7% #D930E0	RGB 217 48 224	#D930E0
33.3%	33.3% #E443E6	RGB 228 67 230	#E443E6
50.0%	50.0% #EC57EB	RGB 236 87 235	#EC57EB
66.7%	66.7% #F26CEE	RGB 242 108 238	#F26CEE
83.3%	83.3% #F882F2	RGB 248 130 242	#F882F2
100.0%	100.0% #FF99F7	RGB 255 153 247	#FF99F7

#CF1EDA #D930E0 #E443E6 #EC57EB #F26CEE #F882F2 #FF99F7

#CF1EDA - #EC57EB - #FF99F7

CSS codes

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

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