#C8C0C9 - #FFE5BF | 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 #C8C0C9 to #FFE5BF

#C8C0C9 #FFE5BF

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

#C8C0C9 - #FFE5BF | 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 #C8C0C9 as 0% and #FFE5BF as 100%.

0.0%	0.0% #C8C0C9	RGB 200 192 201	#C8C0C9
16.7%	16.7% #D1C6C7	RGB 209 198 199	#D1C6C7
33.3%	33.3% #DACCC5	RGB 218 204 197	#DACCC5
50.0%	50.0% #E3D2C4	RGB 227 210 196	#E3D2C4
66.7%	66.7% #ECD8C2	RGB 236 216 194	#ECD8C2
83.3%	83.3% #F5DEC0	RGB 245 222 192	#F5DEC0
100.0%	100.0% #FFE5BF	RGB 255 229 191	#FFE5BF

#C8C0C9 #D1C6C7 #DACCC5 #E3D2C4 #ECD8C2 #F5DEC0 #FFE5BF

#C8C0C9 - #FFE5BF

HSV Blend

#C8C0C9 - #FFE5BF | 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 #C8C0C9 as 0% and #FFE5BF as 100%.

0.0%	0.0% #C8C0C9	RGB 200 192 201	#C8C0C9
16.7%	16.7% #D2C1CF	RGB 210 193 207	#D2C1CF
33.3%	33.3% #DBC2CF	RGB 219 194 207	#DBC2CF
50.0%	50.0% #E4C2CB	RGB 228 194 203	#E4C2CB
66.7%	66.7% #EDC2C1	RGB 237 194 193	#EDC2C1
83.3%	83.3% #F6D1C0	RGB 246 209 192	#F6D1C0
100.0%	100.0% #FFE5BF	RGB 255 229 191	#FFE5BF

#C8C0C9 #D2C1CF #DBC2CF #E4C2CB #EDC2C1 #F6D1C0 #FFE5BF

#C8C0C9 - #E4C2CB - #FFE5BF

CSS codes

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

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