#CF99EB - #FFE2E5 | 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 #CF99EB to #FFE2E5

#CF99EB #FFE2E5

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

#CF99EB - #FFE2E5 | 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 #CF99EB as 0% and #FFE2E5 as 100%.

0.0%	0.0% #CF99EB	RGB 207 153 235	#CF99EB
16.7%	16.7% #D7A5EA	RGB 215 165 234	#D7A5EA
33.3%	33.3% #DFB1E9	RGB 223 177 233	#DFB1E9
50.0%	50.0% #E7BDE8	RGB 231 189 232	#E7BDE8
66.7%	66.7% #EFC9E7	RGB 239 201 231	#EFC9E7
83.3%	83.3% #F7D5E6	RGB 247 213 230	#F7D5E6
100.0%	100.0% #FFE2E5	RGB 255 226 229	#FFE2E5

#CF99EB #D7A5EA #DFB1E9 #E7BDE8 #EFC9E7 #F7D5E6 #FFE2E5

#CF99EB - #FFE2E5

HSV Blend

#CF99EB - #FFE2E5 | 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 #CF99EB as 0% and #FFE2E5 as 100%.

0.0%	0.0% #CF99EB	RGB 207 153 235	#CF99EB
16.7%	16.7% #E4A4EE	RGB 228 164 238	#E4A4EE
33.3%	33.3% #F1B0ED	RGB 241 176 237	#F1B0ED
50.0%	50.0% #F5BCE5	RGB 245 188 229	#F5BCE5
66.7%	66.7% #F8C8E1	RGB 248 200 225	#F8C8E1
83.3%	83.3% #FBD5E1	RGB 251 213 225	#FBD5E1
100.0%	100.0% #FFE2E5	RGB 255 226 229	#FFE2E5

#CF99EB #E4A4EE #F1B0ED #F5BCE5 #F8C8E1 #FBD5E1 #FFE2E5

#CF99EB - #F5BCE5 - #FFE2E5

CSS codes

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

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