#C8BBCF - #FFE6C7 | 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 #C8BBCF to #FFE6C7

#C8BBCF #FFE6C7

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

#C8BBCF - #FFE6C7 | 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 #C8BBCF as 0% and #FFE6C7 as 100%.

0.0%	0.0% #C8BBCF	RGB 200 187 207	#C8BBCF
16.7%	16.7% #D1C2CD	RGB 209 194 205	#D1C2CD
33.3%	33.3% #DAC9CC	RGB 218 201 204	#DAC9CC
50.0%	50.0% #E3D0CB	RGB 227 208 203	#E3D0CB
66.7%	66.7% #ECD7C9	RGB 236 215 201	#ECD7C9
83.3%	83.3% #F5DEC8	RGB 245 222 200	#F5DEC8
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#C8BBCF #D1C2CD #DAC9CC #E3D0CB #ECD7C9 #F5DEC8 #FFE6C7

#C8BBCF - #FFE6C7

HSV Blend

#C8BBCF - #FFE6C7 | 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 #C8BBCF as 0% and #FFE6C7 as 100%.

0.0%	0.0% #C8BBCF	RGB 200 187 207	#C8BBCF
16.7%	16.7% #D6BDD7	RGB 214 189 215	#D6BDD7
33.3%	33.3% #DFC0D6	RGB 223 192 214	#DFC0D6
50.0%	50.0% #E7C2D1	RGB 231 194 209	#E7C2D1
66.7%	66.7% #EFC4C7	RGB 239 196 199	#EFC4C7
83.3%	83.3% #F7D1C5	RGB 247 209 197	#F7D1C5
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#C8BBCF #D6BDD7 #DFC0D6 #E7C2D1 #EFC4C7 #F7D1C5 #FFE6C7

#C8BBCF - #E7C2D1 - #FFE6C7

CSS codes

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

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