#CFCACB - #D7C5E4 | 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 #CFCACB to #D7C5E4

#CFCACB #D7C5E4

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

#CFCACB - #D7C5E4 | 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 #CFCACB as 0% and #D7C5E4 as 100%.

0.0%	0.0% #CFCACB	RGB 207 202 203	#CFCACB
16.7%	16.7% #D0C9CF	RGB 208 201 207	#D0C9CF
33.3%	33.3% #D1C8D3	RGB 209 200 211	#D1C8D3
50.0%	50.0% #D3C7D7	RGB 211 199 215	#D3C7D7
66.7%	66.7% #D4C6DB	RGB 212 198 219	#D4C6DB
83.3%	83.3% #D5C5DF	RGB 213 197 223	#D5C5DF
100.0%	100.0% #D7C5E4	RGB 215 197 228	#D7C5E4

#CFCACB #D0C9CF #D1C8D3 #D3C7D7 #D4C6DB #D5C5DF #D7C5E4

#CFCACB - #D7C5E4

HSV Blend

#CFCACB - #D7C5E4 | 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 #CFCACB as 0% and #D7C5E4 as 100%.

0.0%	0.0% #CFCACB	RGB 207 202 203	#CFCACB
16.7%	16.7% #D2C9CD	RGB 210 201 205	#D2C9CD
33.3%	33.3% #D6C8D0	RGB 214 200 208	#D6C8D0
50.0%	50.0% #D9C8D6	RGB 217 200 214	#D9C8D6
66.7%	66.7% #DCC7DD	RGB 220 199 221	#DCC7DD
83.3%	83.3% #DAC6E0	RGB 218 198 224	#DAC6E0
100.0%	100.0% #D7C5E4	RGB 215 197 228	#D7C5E4

#CFCACB #D2C9CD #D6C8D0 #D9C8D6 #DCC7DD #DAC6E0 #D7C5E4

#CFCACB - #D9C8D6 - #D7C5E4

CSS codes

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

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