#C2B9A1 - #FFE6B7 | 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 #C2B9A1 to #FFE6B7

#C2B9A1 #FFE6B7

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

#C2B9A1 - #FFE6B7 | 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 #C2B9A1 as 0% and #FFE6B7 as 100%.

0.0%	0.0% #C2B9A1	RGB 194 185 161	#C2B9A1
16.7%	16.7% #CCC0A4	RGB 204 192 164	#CCC0A4
33.3%	33.3% #D6C8A8	RGB 214 200 168	#D6C8A8
50.0%	50.0% #E0CFAC	RGB 224 207 172	#E0CFAC
66.7%	66.7% #EAD7AF	RGB 234 215 175	#EAD7AF
83.3%	83.3% #F4DEB3	RGB 244 222 179	#F4DEB3
100.0%	100.0% #FFE6B7	RGB 255 230 183	#FFE6B7

#C2B9A1 #CCC0A4 #D6C8A8 #E0CFAC #EAD7AF #F4DEB3 #FFE6B7

#C2B9A1 - #FFE6B7

HSV Blend

#C2B9A1 - #FFE6B7 | 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 #C2B9A1 as 0% and #FFE6B7 as 100%.

0.0%	0.0% #C2B9A1	RGB 194 185 161	#C2B9A1
16.7%	16.7% #CCC1A5	RGB 204 193 165	#CCC1A5
33.3%	33.3% #D6C9A9	RGB 214 201 169	#D6C9A9
50.0%	50.0% #E0D0AD	RGB 224 208 173	#E0D0AD
66.7%	66.7% #EAD8B1	RGB 234 216 177	#EAD8B1
83.3%	83.3% #F4DFB4	RGB 244 223 180	#F4DFB4
100.0%	100.0% #FFE6B7	RGB 255 230 183	#FFE6B7

#C2B9A1 #CCC1A5 #D6C9A9 #E0D0AD #EAD8B1 #F4DFB4 #FFE6B7

#C2B9A1 - #E0D0AD - #FFE6B7

CSS codes

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

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