#CFC4D0 - #E7FFCE | 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 #CFC4D0 to #E7FFCE

#CFC4D0 #E7FFCE

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

#CFC4D0 - #E7FFCE | 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 #CFC4D0 as 0% and #E7FFCE as 100%.

0.0%	0.0% #CFC4D0	RGB 207 196 208	#CFC4D0
16.7%	16.7% #D3CDCF	RGB 211 205 207	#D3CDCF
33.3%	33.3% #D7D7CF	RGB 215 215 207	#D7D7CF
50.0%	50.0% #DBE1CF	RGB 219 225 207	#DBE1CF
66.7%	66.7% #DFEBCE	RGB 223 235 206	#DFEBCE
83.3%	83.3% #E3F5CE	RGB 227 245 206	#E3F5CE
100.0%	100.0% #E7FFCE	RGB 231 255 206	#E7FFCE

#CFC4D0 #D3CDCF #D7D7CF #DBE1CF #DFEBCE #E3F5CE #E7FFCE

#CFC4D0 - #E7FFCE

HSV Blend

#CFC4D0 - #E7FFCE | 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 #CFC4D0 as 0% and #E7FFCE as 100%.

0.0%	0.0% #CFC4D0	RGB 207 196 208	#CFC4D0
16.7%	16.7% #D7C6D1	RGB 215 198 209	#D7C6D1
33.3%	33.3% #DFC8CD	RGB 223 200 205	#DFC8CD
50.0%	50.0% #E7D0CA	RGB 231 208 202	#E7D0CA
66.7%	66.7% #EFE2CC	RGB 239 226 204	#EFE2CC
83.3%	83.3% #F4F7CD	RGB 244 247 205	#F4F7CD
100.0%	100.0% #E7FFCE	RGB 231 255 206	#E7FFCE

#CFC4D0 #D7C6D1 #DFC8CD #E7D0CA #EFE2CC #F4F7CD #E7FFCE

#CFC4D0 - #E7D0CA - #E7FFCE

CSS codes

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

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