#C99CDD - #EFE2F5 | 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 #C99CDD to #EFE2F5

#C99CDD #EFE2F5

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

#C99CDD - #EFE2F5 | 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 #C99CDD as 0% and #EFE2F5 as 100%.

0.0%	0.0% #C99CDD	RGB 201 156 221	#C99CDD
16.7%	16.7% #CFA7E1	RGB 207 167 225	#CFA7E1
33.3%	33.3% #D5B3E5	RGB 213 179 229	#D5B3E5
50.0%	50.0% #DCBFE9	RGB 220 191 233	#DCBFE9
66.7%	66.7% #E2CAED	RGB 226 202 237	#E2CAED
83.3%	83.3% #E8D6F1	RGB 232 214 241	#E8D6F1
100.0%	100.0% #EFE2F5	RGB 239 226 245	#EFE2F5

#C99CDD #CFA7E1 #D5B3E5 #DCBFE9 #E2CAED #E8D6F1 #EFE2F5

#C99CDD - #EFE2F5

HSV Blend

#C99CDD - #EFE2F5 | 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 #C99CDD as 0% and #EFE2F5 as 100%.

0.0%	0.0% #C99CDD	RGB 201 156 221	#C99CDD
16.7%	16.7% #CFA6E1	RGB 207 166 225	#CFA6E1
33.3%	33.3% #D5B2E5	RGB 213 178 229	#D5B2E5
50.0%	50.0% #DBBDE9	RGB 219 189 233	#DBBDE9
66.7%	66.7% #E1C9ED	RGB 225 201 237	#E1C9ED
83.3%	83.3% #E8D5F1	RGB 232 213 241	#E8D5F1
100.0%	100.0% #EFE2F5	RGB 239 226 245	#EFE2F5

#C99CDD #CFA6E1 #D5B2E5 #DBBDE9 #E1C9ED #E8D5F1 #EFE2F5

#C99CDD - #DBBDE9 - #EFE2F5

CSS codes

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

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