#CFB29F - #8C4C3F | 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 #CFB29F to #8C4C3F

#CFB29F #8C4C3F

Calculate the color between two colors, #CFB29F and #8C4C3F. 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)

#CFB29F - #8C4C3F | 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 #CFB29F as 0% and #8C4C3F as 100%.

0.0%	0.0% #CFB29F	RGB 207 178 159	#CFB29F
16.7%	16.7% #C3A18F	RGB 195 161 143	#C3A18F
33.3%	33.3% #B8907F	RGB 184 144 127	#B8907F
50.0%	50.0% #AD7F6F	RGB 173 127 111	#AD7F6F
66.7%	66.7% #A26E5F	RGB 162 110 95	#A26E5F
83.3%	83.3% #975D4F	RGB 151 93 79	#975D4F
100.0%	100.0% #8C4C3F	RGB 140 76 63	#8C4C3F

#CFB29F #C3A18F #B8907F #AD7F6F #A26E5F #975D4F #8C4C3F

#CFB29F - #8C4C3F

HSV Blend

#CFB29F - #8C4C3F | 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 #CFB29F as 0% and #8C4C3F as 100%.

0.0%	0.0% #CFB29F	RGB 207 178 159	#CFB29F
16.7%	16.7% #C3A08C	RGB 195 160 140	#C3A08C
33.3%	33.3% #B88E7A	RGB 184 142 122	#B88E7A
50.0%	50.0% #AD7C69	RGB 173 124 105	#AD7C69
66.7%	66.7% #A26B5A	RGB 162 107 90	#A26B5A
83.3%	83.3% #975B4C	RGB 151 91 76	#975B4C
100.0%	100.0% #8C4C3F	RGB 140 76 63	#8C4C3F

#CFB29F #C3A08C #B88E7A #AD7C69 #A26B5A #975B4C #8C4C3F

#CFB29F - #AD7C69 - #8C4C3F

CSS codes

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

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