#CECE5B - #A59A1B | 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 #CECE5B to #A59A1B

#CECE5B #A59A1B

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

#CECE5B - #A59A1B | 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 #CECE5B as 0% and #A59A1B as 100%.

0.0%	0.0% #CECE5B	RGB 206 206 91	#CECE5B
16.7%	16.7% #C7C550	RGB 199 197 80	#C7C550
33.3%	33.3% #C0BC45	RGB 192 188 69	#C0BC45
50.0%	50.0% #B9B43B	RGB 185 180 59	#B9B43B
66.7%	66.7% #B2AB30	RGB 178 171 48	#B2AB30
83.3%	83.3% #ABA225	RGB 171 162 37	#ABA225
100.0%	100.0% #A59A1B	RGB 165 154 27	#A59A1B

#CECE5B #C7C550 #C0BC45 #B9B43B #B2AB30 #ABA225 #A59A1B

#CECE5B - #A59A1B

HSV Blend

#CECE5B - #A59A1B | 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 #CECE5B as 0% and #A59A1B as 100%.

0.0%	0.0% #CECE5B	RGB 206 206 91	#CECE5B
16.7%	16.7% #C7C54E	RGB 199 197 78	#C7C54E
33.3%	33.3% #C0BD43	RGB 192 189 67	#C0BD43
50.0%	50.0% #B9B438	RGB 185 180 56	#B9B438
66.7%	66.7% #B2AB2D	RGB 178 171 45	#B2AB2D
83.3%	83.3% #ABA224	RGB 171 162 36	#ABA224
100.0%	100.0% #A59A1B	RGB 165 154 27	#A59A1B

#CECE5B #C7C54E #C0BD43 #B9B438 #B2AB2D #ABA224 #A59A1B

#CECE5B - #B9B438 - #A59A1B

CSS codes

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

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