#CEC5A8 - #A98A53 | 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 #CEC5A8 to #A98A53

#CEC5A8 #A98A53

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

#CEC5A8 - #A98A53 | 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 #CEC5A8 as 0% and #A98A53 as 100%.

0.0%	0.0% #CEC5A8	RGB 206 197 168	#CEC5A8
16.7%	16.7% #C7BB99	RGB 199 187 153	#C7BB99
33.3%	33.3% #C1B18B	RGB 193 177 139	#C1B18B
50.0%	50.0% #BBA77D	RGB 187 167 125	#BBA77D
66.7%	66.7% #B59D6F	RGB 181 157 111	#B59D6F
83.3%	83.3% #AF9361	RGB 175 147 97	#AF9361
100.0%	100.0% #A98A53	RGB 169 138 83	#A98A53

#CEC5A8 #C7BB99 #C1B18B #BBA77D #B59D6F #AF9361 #A98A53

#CEC5A8 - #A98A53

HSV Blend

#CEC5A8 - #A98A53 | 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 #CEC5A8 as 0% and #A98A53 as 100%.

0.0%	0.0% #CEC5A8	RGB 206 197 168	#CEC5A8
16.7%	16.7% #C7BB98	RGB 199 187 152	#C7BB98
33.3%	33.3% #C1B188	RGB 193 177 136	#C1B188
50.0%	50.0% #BBA87A	RGB 187 168 122	#BBA87A
66.7%	66.7% #B59E6C	RGB 181 158 108	#B59E6C
83.3%	83.3% #AF945F	RGB 175 148 95	#AF945F
100.0%	100.0% #A98A53	RGB 169 138 83	#A98A53

#CEC5A8 #C7BB98 #C1B188 #BBA87A #B59E6C #AF945F #A98A53

#CEC5A8 - #BBA87A - #A98A53

CSS codes

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

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