#C99CDB - #EFE2F4 | 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 #C99CDB to #EFE2F4

#C99CDB #EFE2F4

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

#C99CDB - #EFE2F4 | 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 #C99CDB as 0% and #EFE2F4 as 100%.

0.0%	0.0% #C99CDB	RGB 201 156 219	#C99CDB
16.7%	16.7% #CFA7DF	RGB 207 167 223	#CFA7DF
33.3%	33.3% #D5B3E3	RGB 213 179 227	#D5B3E3
50.0%	50.0% #DCBFE7	RGB 220 191 231	#DCBFE7
66.7%	66.7% #E2CAEB	RGB 226 202 235	#E2CAEB
83.3%	83.3% #E8D6EF	RGB 232 214 239	#E8D6EF
100.0%	100.0% #EFE2F4	RGB 239 226 244	#EFE2F4

#C99CDB #CFA7DF #D5B3E3 #DCBFE7 #E2CAEB #E8D6EF #EFE2F4

#C99CDB - #EFE2F4

HSV Blend

#C99CDB - #EFE2F4 | 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 #C99CDB as 0% and #EFE2F4 as 100%.

0.0%	0.0% #C99CDB	RGB 201 156 219	#C99CDB
16.7%	16.7% #CFA6DF	RGB 207 166 223	#CFA6DF
33.3%	33.3% #D5B2E3	RGB 213 178 227	#D5B2E3
50.0%	50.0% #DBBDE7	RGB 219 189 231	#DBBDE7
66.7%	66.7% #E2C9EB	RGB 226 201 235	#E2C9EB
83.3%	83.3% #E8D5EF	RGB 232 213 239	#E8D5EF
100.0%	100.0% #EFE2F4	RGB 239 226 244	#EFE2F4

#C99CDB #CFA6DF #D5B2E3 #DBBDE7 #E2C9EB #E8D5EF #EFE2F4

#C99CDB - #DBBDE7 - #EFE2F4

CSS codes

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

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