#C8C391 - #ACA83C | 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 #C8C391 to #ACA83C

#C8C391 #ACA83C

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

#C8C391 - #ACA83C | 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 #C8C391 as 0% and #ACA83C as 100%.

0.0%	0.0% #C8C391	RGB 200 195 145	#C8C391
16.7%	16.7% #C3BE82	RGB 195 190 130	#C3BE82
33.3%	33.3% #BEBA74	RGB 190 186 116	#BEBA74
50.0%	50.0% #BAB566	RGB 186 181 102	#BAB566
66.7%	66.7% #B5B158	RGB 181 177 88	#B5B158
83.3%	83.3% #B0AC4A	RGB 176 172 74	#B0AC4A
100.0%	100.0% #ACA83C	RGB 172 168 60	#ACA83C

#C8C391 #C3BE82 #BEBA74 #BAB566 #B5B158 #B0AC4A #ACA83C

#C8C391 - #ACA83C

HSV Blend

#C8C391 - #ACA83C | 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 #C8C391 as 0% and #ACA83C as 100%.

0.0%	0.0% #C8C391	RGB 200 195 145	#C8C391
16.7%	16.7% #C3BD81	RGB 195 189 129	#C3BD81
33.3%	33.3% #BEB972	RGB 190 185 114	#BEB972
50.0%	50.0% #BAB463	RGB 186 180 99	#BAB463
66.7%	66.7% #B5B055	RGB 181 176 85	#B5B055
83.3%	83.3% #B0AB48	RGB 176 171 72	#B0AB48
100.0%	100.0% #ACA83C	RGB 172 168 60	#ACA83C

#C8C391 #C3BD81 #BEB972 #BAB463 #B5B055 #B0AB48 #ACA83C

#C8C391 - #BAB463 - #ACA83C

CSS codes

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

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