#CCCB92 - #A89C3E | 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 #CCCB92 to #A89C3E

#CCCB92 #A89C3E

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

#CCCB92 - #A89C3E | 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 #CCCB92 as 0% and #A89C3E as 100%.

0.0%	0.0% #CCCB92	RGB 204 203 146	#CCCB92
16.7%	16.7% #C6C384	RGB 198 195 132	#C6C384
33.3%	33.3% #C0BB76	RGB 192 187 118	#C0BB76
50.0%	50.0% #BAB368	RGB 186 179 104	#BAB368
66.7%	66.7% #B4AB5A	RGB 180 171 90	#B4AB5A
83.3%	83.3% #AEA34C	RGB 174 163 76	#AEA34C
100.0%	100.0% #A89C3E	RGB 168 156 62	#A89C3E

#CCCB92 #C6C384 #C0BB76 #BAB368 #B4AB5A #AEA34C #A89C3E

#CCCB92 - #A89C3E

HSV Blend

#CCCB92 - #A89C3E | 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 #CCCB92 as 0% and #A89C3E as 100%.

0.0%	0.0% #CCCB92	RGB 204 203 146	#CCCB92
16.7%	16.7% #C6C382	RGB 198 195 130	#C6C382
33.3%	33.3% #C0BC73	RGB 192 188 115	#C0BC73
50.0%	50.0% #BAB464	RGB 186 180 100	#BAB464
66.7%	66.7% #B4AC57	RGB 180 172 87	#B4AC57
83.3%	83.3% #AEA44A	RGB 174 164 74	#AEA44A
100.0%	100.0% #A89C3E	RGB 168 156 62	#A89C3E

#CCCB92 #C6C382 #C0BC73 #BAB464 #B4AC57 #AEA44A #A89C3E

#CCCB92 - #BAB464 - #A89C3E

CSS codes

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

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