#C6C2BA - #FEFFD0 | 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 #C6C2BA to #FEFFD0

#C6C2BA #FEFFD0

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

#C6C2BA - #FEFFD0 | 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 #C6C2BA as 0% and #FEFFD0 as 100%.

0.0%	0.0% #C6C2BA	RGB 198 194 186	#C6C2BA
16.7%	16.7% #CFCCBD	RGB 207 204 189	#CFCCBD
33.3%	33.3% #D8D6C1	RGB 216 214 193	#D8D6C1
50.0%	50.0% #E2E0C5	RGB 226 224 197	#E2E0C5
66.7%	66.7% #EBEAC8	RGB 235 234 200	#EBEAC8
83.3%	83.3% #F4F4CC	RGB 244 244 204	#F4F4CC
100.0%	100.0% #FEFFD0	RGB 254 255 208	#FEFFD0

#C6C2BA #CFCCBD #D8D6C1 #E2E0C5 #EBEAC8 #F4F4CC #FEFFD0

#C6C2BA - #FEFFD0

HSV Blend

#C6C2BA - #FEFFD0 | 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 #C6C2BA as 0% and #FEFFD0 as 100%.

0.0%	0.0% #C6C2BA	RGB 198 194 186	#C6C2BA
16.7%	16.7% #CFCABE	RGB 207 202 190	#CFCABE
33.3%	33.3% #D9D4C2	RGB 217 212 194	#D9D4C2
50.0%	50.0% #E2DEC6	RGB 226 222 198	#E2DEC6
66.7%	66.7% #ECE8CA	RGB 236 232 202	#ECE8CA
83.3%	83.3% #F5F3CD	RGB 245 243 205	#F5F3CD
100.0%	100.0% #FEFFD0	RGB 254 255 208	#FEFFD0

#C6C2BA #CFCABE #D9D4C2 #E2DEC6 #ECE8CA #F5F3CD #FEFFD0

#C6C2BA - #E2DEC6 - #FEFFD0

CSS codes

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

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