#CECE80 - #A69C31 | 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 #CECE80 to #A69C31

#CECE80 #A69C31

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

#CECE80 - #A69C31 | 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 #CECE80 as 0% and #A69C31 as 100%.

0.0%	0.0% #CECE80	RGB 206 206 128	#CECE80
16.7%	16.7% #C7C572	RGB 199 197 114	#C7C572
33.3%	33.3% #C0BD65	RGB 192 189 101	#C0BD65
50.0%	50.0% #BAB558	RGB 186 181 88	#BAB558
66.7%	66.7% #B3AC4B	RGB 179 172 75	#B3AC4B
83.3%	83.3% #ACA43E	RGB 172 164 62	#ACA43E
100.0%	100.0% #A69C31	RGB 166 156 49	#A69C31

#CECE80 #C7C572 #C0BD65 #BAB558 #B3AC4B #ACA43E #A69C31

#CECE80 - #A69C31

HSV Blend

#CECE80 - #A69C31 | 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 #CECE80 as 0% and #A69C31 as 100%.

0.0%	0.0% #CECE80	RGB 206 206 128	#CECE80
16.7%	16.7% #C7C671	RGB 199 198 113	#C7C671
33.3%	33.3% #C0BD62	RGB 192 189 98	#C0BD62
50.0%	50.0% #BAB555	RGB 186 181 85	#BAB555
66.7%	66.7% #B3AD48	RGB 179 173 72	#B3AD48
83.3%	83.3% #ACA43C	RGB 172 164 60	#ACA43C
100.0%	100.0% #A69C31	RGB 166 156 49	#A69C31

#CECE80 #C7C671 #C0BD62 #BAB555 #B3AD48 #ACA43C #A69C31

#CECE80 - #BAB555 - #A69C31

CSS codes

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

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