#CECE98 - #A59C44 | 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 #CECE98 to #A59C44

#CECE98 #A59C44

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

#CECE98 - #A59C44 | 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 #CECE98 as 0% and #A59C44 as 100%.

0.0%	0.0% #CECE98	RGB 206 206 152	#CECE98
16.7%	16.7% #C7C58A	RGB 199 197 138	#C7C58A
33.3%	33.3% #C0BD7C	RGB 192 189 124	#C0BD7C
50.0%	50.0% #B9B56E	RGB 185 181 110	#B9B56E
66.7%	66.7% #B2AC60	RGB 178 172 96	#B2AC60
83.3%	83.3% #ABA452	RGB 171 164 82	#ABA452
100.0%	100.0% #A59C44	RGB 165 156 68	#A59C44

#CECE98 #C7C58A #C0BD7C #B9B56E #B2AC60 #ABA452 #A59C44

#CECE98 - #A59C44

HSV Blend

#CECE98 - #A59C44 | 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 #CECE98 as 0% and #A59C44 as 100%.

0.0%	0.0% #CECE98	RGB 206 206 152	#CECE98
16.7%	16.7% #C7C688	RGB 199 198 136	#C7C688
33.3%	33.3% #C0BE79	RGB 192 190 121	#C0BE79
50.0%	50.0% #B9B56A	RGB 185 181 106	#B9B56A
66.7%	66.7% #B2AD5D	RGB 178 173 93	#B2AD5D
83.3%	83.3% #ABA450	RGB 171 164 80	#ABA450
100.0%	100.0% #A59C44	RGB 165 156 68	#A59C44

#CECE98 #C7C688 #C0BE79 #B9B56A #B2AD5D #ABA450 #A59C44

#CECE98 - #B9B56A - #A59C44

CSS codes

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

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