#CECE64 - #A59B20 | 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 #CECE64 to #A59B20

#CECE64 #A59B20

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

#CECE64 - #A59B20 | 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 #CECE64 as 0% and #A59B20 as 100%.

0.0%	0.0% #CECE64	RGB 206 206 100	#CECE64
16.7%	16.7% #C7C558	RGB 199 197 88	#C7C558
33.3%	33.3% #C0BD4D	RGB 192 189 77	#C0BD4D
50.0%	50.0% #B9B442	RGB 185 180 66	#B9B442
66.7%	66.7% #B2AC36	RGB 178 172 54	#B2AC36
83.3%	83.3% #ABA32B	RGB 171 163 43	#ABA32B
100.0%	100.0% #A59B20	RGB 165 155 32	#A59B20

#CECE64 #C7C558 #C0BD4D #B9B442 #B2AC36 #ABA32B #A59B20

#CECE64 - #A59B20

HSV Blend

#CECE64 - #A59B20 | 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 #CECE64 as 0% and #A59B20 as 100%.

0.0%	0.0% #CECE64	RGB 206 206 100	#CECE64
16.7%	16.7% #C7C557	RGB 199 197 87	#C7C557
33.3%	33.3% #C0BD4A	RGB 192 189 74	#C0BD4A
50.0%	50.0% #B9B43F	RGB 185 180 63	#B9B43F
66.7%	66.7% #B2AC34	RGB 178 172 52	#B2AC34
83.3%	83.3% #ABA329	RGB 171 163 41	#ABA329
100.0%	100.0% #A59B20	RGB 165 155 32	#A59B20

#CECE64 #C7C557 #C0BD4A #B9B43F #B2AC34 #ABA329 #A59B20

#CECE64 - #B9B43F - #A59B20

CSS codes

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

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