#CECE41 - #A39611 | 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 #CECE41 to #A39611

#CECE41 #A39611

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

#CECE41 - #A39611 | 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 #CECE41 as 0% and #A39611 as 100%.

0.0%	0.0% #CECE41	RGB 206 206 65	#CECE41
16.7%	16.7% #C6C439	RGB 198 196 57	#C6C439
33.3%	33.3% #BFBB31	RGB 191 187 49	#BFBB31
50.0%	50.0% #B8B229	RGB 184 178 41	#B8B229
66.7%	66.7% #B1A821	RGB 177 168 33	#B1A821
83.3%	83.3% #AA9F19	RGB 170 159 25	#AA9F19
100.0%	100.0% #A39611	RGB 163 150 17	#A39611

#CECE41 #C6C439 #BFBB31 #B8B229 #B1A821 #AA9F19 #A39611

#CECE41 - #A39611

HSV Blend

#CECE41 - #A39611 | 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 #CECE41 as 0% and #A39611 as 100%.

0.0%	0.0% #CECE41	RGB 206 206 65	#CECE41
16.7%	16.7% #C6C437	RGB 198 196 55	#C6C437
33.3%	33.3% #BFBB2E	RGB 191 187 46	#BFBB2E
50.0%	50.0% #B8B226	RGB 184 178 38	#B8B226
66.7%	66.7% #B1A81E	RGB 177 168 30	#B1A81E
83.3%	83.3% #AA9F17	RGB 170 159 23	#AA9F17
100.0%	100.0% #A39611	RGB 163 150 17	#A39611

#CECE41 #C6C437 #BFBB2E #B8B226 #B1A81E #AA9F17 #A39611

#CECE41 - #B8B226 - #A39611

CSS codes

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

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