#C99FAC - #EFE3E6 | 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 #C99FAC to #EFE3E6

#C99FAC #EFE3E6

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

#C99FAC - #EFE3E6 | 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 #C99FAC as 0% and #EFE3E6 as 100%.

0.0%	0.0% #C99FAC	RGB 201 159 172	#C99FAC
16.7%	16.7% #CFAAB5	RGB 207 170 181	#CFAAB5
33.3%	33.3% #D5B5BF	RGB 213 181 191	#D5B5BF
50.0%	50.0% #DCC1C9	RGB 220 193 201	#DCC1C9
66.7%	66.7% #E2CCD2	RGB 226 204 210	#E2CCD2
83.3%	83.3% #E8D7DC	RGB 232 215 220	#E8D7DC
100.0%	100.0% #EFE3E6	RGB 239 227 230	#EFE3E6

#C99FAC #CFAAB5 #D5B5BF #DCC1C9 #E2CCD2 #E8D7DC #EFE3E6

#C99FAC - #EFE3E6

HSV Blend

#C99FAC - #EFE3E6 | 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 #C99FAC as 0% and #EFE3E6 as 100%.

0.0%	0.0% #C99FAC	RGB 201 159 172	#C99FAC
16.7%	16.7% #CFA9B4	RGB 207 169 180	#CFA9B4
33.3%	33.3% #D5B4BD	RGB 213 180 189	#D5B4BD
50.0%	50.0% #DCBFC7	RGB 220 191 199	#DCBFC7
66.7%	66.7% #E2CAD1	RGB 226 202 209	#E2CAD1
83.3%	83.3% #E8D6DB	RGB 232 214 219	#E8D6DB
100.0%	100.0% #EFE3E6	RGB 239 227 230	#EFE3E6

#C99FAC #CFA9B4 #D5B4BD #DCBFC7 #E2CAD1 #E8D6DB #EFE3E6

#C99FAC - #DCBFC7 - #EFE3E6

CSS codes

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

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