#CECE74 - #A69C29 | 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 #CECE74 to #A69C29

#CECE74 #A69C29

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

#CECE74 - #A69C29 | 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 #CECE74 as 0% and #A69C29 as 100%.

0.0%	0.0% #CECE74	RGB 206 206 116	#CECE74
16.7%	16.7% #C7C567	RGB 199 197 103	#C7C567
33.3%	33.3% #C0BD5B	RGB 192 189 91	#C0BD5B
50.0%	50.0% #BAB54E	RGB 186 181 78	#BAB54E
66.7%	66.7% #B3AC42	RGB 179 172 66	#B3AC42
83.3%	83.3% #ACA435	RGB 172 164 53	#ACA435
100.0%	100.0% #A69C29	RGB 166 156 41	#A69C29

#CECE74 #C7C567 #C0BD5B #BAB54E #B3AC42 #ACA435 #A69C29

#CECE74 - #A69C29

HSV Blend

#CECE74 - #A69C29 | 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 #CECE74 as 0% and #A69C29 as 100%.

0.0%	0.0% #CECE74	RGB 206 206 116	#CECE74
16.7%	16.7% #C7C665	RGB 199 198 101	#C7C665
33.3%	33.3% #C0BD58	RGB 192 189 88	#C0BD58
50.0%	50.0% #BAB54B	RGB 186 181 75	#BAB54B
66.7%	66.7% #B3AD3F	RGB 179 173 63	#B3AD3F
83.3%	83.3% #ACA433	RGB 172 164 51	#ACA433
100.0%	100.0% #A69C29	RGB 166 156 41	#A69C29

#CECE74 #C7C665 #C0BD58 #BAB54B #B3AD3F #ACA433 #A69C29

#CECE74 - #BAB54B - #A69C29

CSS codes

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

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