#CCC36C - #A48C24 | 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 #CCC36C to #A48C24

#CCC36C #A48C24

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

#CCC36C - #A48C24 | 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 #CCC36C as 0% and #A48C24 as 100%.

0.0%	0.0% #CCC36C	RGB 204 195 108	#CCC36C
16.7%	16.7% #C5B960	RGB 197 185 96	#C5B960
33.3%	33.3% #BEB054	RGB 190 176 84	#BEB054
50.0%	50.0% #B8A748	RGB 184 167 72	#B8A748
66.7%	66.7% #B19E3C	RGB 177 158 60	#B19E3C
83.3%	83.3% #AA9530	RGB 170 149 48	#AA9530
100.0%	100.0% #A48C24	RGB 164 140 36	#A48C24

#CCC36C #C5B960 #BEB054 #B8A748 #B19E3C #AA9530 #A48C24

#CCC36C - #A48C24

HSV Blend

#CCC36C - #A48C24 | 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 #CCC36C as 0% and #A48C24 as 100%.

0.0%	0.0% #CCC36C	RGB 204 195 108	#CCC36C
16.7%	16.7% #C5BA5E	RGB 197 186 94	#C5BA5E
33.3%	33.3% #BEB051	RGB 190 176 81	#BEB051
50.0%	50.0% #B8A744	RGB 184 167 68	#B8A744
66.7%	66.7% #B19E39	RGB 177 158 57	#B19E39
83.3%	83.3% #AA952E	RGB 170 149 46	#AA952E
100.0%	100.0% #A48C24	RGB 164 140 36	#A48C24

#CCC36C #C5BA5E #BEB051 #B8A744 #B19E39 #AA952E #A48C24

#CCC36C - #B8A744 - #A48C24

CSS codes

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

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