#CEC7B5 - #A98B61 | 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 #CEC7B5 to #A98B61

#CEC7B5 #A98B61

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

#CEC7B5 - #A98B61 | 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 #CEC7B5 as 0% and #A98B61 as 100%.

0.0%	0.0% #CEC7B5	RGB 206 199 181	#CEC7B5
16.7%	16.7% #C7BDA7	RGB 199 189 167	#C7BDA7
33.3%	33.3% #C1B399	RGB 193 179 153	#C1B399
50.0%	50.0% #BBA98B	RGB 187 169 139	#BBA98B
66.7%	66.7% #B59F7D	RGB 181 159 125	#B59F7D
83.3%	83.3% #AF956F	RGB 175 149 111	#AF956F
100.0%	100.0% #A98B61	RGB 169 139 97	#A98B61

#CEC7B5 #C7BDA7 #C1B399 #BBA98B #B59F7D #AF956F #A98B61

#CEC7B5 - #A98B61

HSV Blend

#CEC7B5 - #A98B61 | 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 #CEC7B5 as 0% and #A98B61 as 100%.

0.0%	0.0% #CEC7B5	RGB 206 199 181	#CEC7B5
16.7%	16.7% #C7BDA5	RGB 199 189 165	#C7BDA5
33.3%	33.3% #C1B396	RGB 193 179 150	#C1B396
50.0%	50.0% #BBA988	RGB 187 169 136	#BBA988
66.7%	66.7% #B59F7A	RGB 181 159 122	#B59F7A
83.3%	83.3% #AF956D	RGB 175 149 109	#AF956D
100.0%	100.0% #A98B61	RGB 169 139 97	#A98B61

#CEC7B5 #C7BDA5 #C1B396 #BBA988 #B59F7A #AF956D #A98B61

#CEC7B5 - #BBA988 - #A98B61

CSS codes

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

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