#CECE6E - #A69B25 | 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 #CECE6E to #A69B25

#CECE6E #A69B25

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

#CECE6E - #A69B25 | 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 #CECE6E as 0% and #A69B25 as 100%.

0.0%	0.0% #CECE6E	RGB 206 206 110	#CECE6E
16.7%	16.7% #C7C561	RGB 199 197 97	#C7C561
33.3%	33.3% #C0BD55	RGB 192 189 85	#C0BD55
50.0%	50.0% #BAB449	RGB 186 180 73	#BAB449
66.7%	66.7% #B3AC3D	RGB 179 172 61	#B3AC3D
83.3%	83.3% #ACA331	RGB 172 163 49	#ACA331
100.0%	100.0% #A69B25	RGB 166 155 37	#A69B25

#CECE6E #C7C561 #C0BD55 #BAB449 #B3AC3D #ACA331 #A69B25

#CECE6E - #A69B25

HSV Blend

#CECE6E - #A69B25 | 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 #CECE6E as 0% and #A69B25 as 100%.

0.0%	0.0% #CECE6E	RGB 206 206 110	#CECE6E
16.7%	16.7% #C7C560	RGB 199 197 96	#C7C560
33.3%	33.3% #C0BD52	RGB 192 189 82	#C0BD52
50.0%	50.0% #BAB546	RGB 186 181 70	#BAB546
66.7%	66.7% #B3AC3A	RGB 179 172 58	#B3AC3A
83.3%	83.3% #ACA32F	RGB 172 163 47	#ACA32F
100.0%	100.0% #A69B25	RGB 166 155 37	#A69B25

#CECE6E #C7C560 #C0BD52 #BAB546 #B3AC3A #ACA32F #A69B25

#CECE6E - #BAB546 - #A69B25

CSS codes

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

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