#C99FC3 - #EFE3ED | 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 #C99FC3 to #EFE3ED

#C99FC3 #EFE3ED

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

#C99FC3 - #EFE3ED | 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 #C99FC3 as 0% and #EFE3ED as 100%.

0.0%	0.0% #C99FC3	RGB 201 159 195	#C99FC3
16.7%	16.7% #CFAACA	RGB 207 170 202	#CFAACA
33.3%	33.3% #D5B5D1	RGB 213 181 209	#D5B5D1
50.0%	50.0% #DCC1D8	RGB 220 193 216	#DCC1D8
66.7%	66.7% #E2CCDF	RGB 226 204 223	#E2CCDF
83.3%	83.3% #E8D7E6	RGB 232 215 230	#E8D7E6
100.0%	100.0% #EFE3ED	RGB 239 227 237	#EFE3ED

#C99FC3 #CFAACA #D5B5D1 #DCC1D8 #E2CCDF #E8D7E6 #EFE3ED

#C99FC3 - #EFE3ED

HSV Blend

#C99FC3 - #EFE3ED | 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 #C99FC3 as 0% and #EFE3ED as 100%.

0.0%	0.0% #C99FC3	RGB 201 159 195	#C99FC3
16.7%	16.7% #CFA9C9	RGB 207 169 201	#CFA9C9
33.3%	33.3% #D5B4D0	RGB 213 180 208	#D5B4D0
50.0%	50.0% #DCBFD7	RGB 220 191 215	#DCBFD7
66.7%	66.7% #E2CADE	RGB 226 202 222	#E2CADE
83.3%	83.3% #E8D6E5	RGB 232 214 229	#E8D6E5
100.0%	100.0% #EFE3ED	RGB 239 227 237	#EFE3ED

#C99FC3 #CFA9C9 #D5B4D0 #DCBFD7 #E2CADE #E8D6E5 #EFE3ED

#C99FC3 - #DCBFD7 - #EFE3ED

CSS codes

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

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