#C2B16C - #8D8023 | 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 #C2B16C to #8D8023

#C2B16C #8D8023

Calculate the color between two colors, #C2B16C and #8D8023. 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)

#C2B16C - #8D8023 | 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 #C2B16C as 0% and #8D8023 as 100%.

0.0%	0.0% #C2B16C	RGB 194 177 108	#C2B16C
16.7%	16.7% #B9A85F	RGB 185 168 95	#B9A85F
33.3%	33.3% #B0A053	RGB 176 160 83	#B0A053
50.0%	50.0% #A79847	RGB 167 152 71	#A79847
66.7%	66.7% #9E903B	RGB 158 144 59	#9E903B
83.3%	83.3% #95882F	RGB 149 136 47	#95882F
100.0%	100.0% #8D8023	RGB 141 128 35	#8D8023

#C2B16C #B9A85F #B0A053 #A79847 #9E903B #95882F #8D8023

#C2B16C - #8D8023

HSV Blend

#C2B16C - #8D8023 | 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 #C2B16C as 0% and #8D8023 as 100%.

0.0%	0.0% #C2B16C	RGB 194 177 108	#C2B16C
16.7%	16.7% #B9A85D	RGB 185 168 93	#B9A85D
33.3%	33.3% #B09F50	RGB 176 159 80	#B09F50
50.0%	50.0% #A79743	RGB 167 151 67	#A79743
66.7%	66.7% #9E8F37	RGB 158 143 55	#9E8F37
83.3%	83.3% #95872C	RGB 149 135 44	#95872C
100.0%	100.0% #8D8023	RGB 141 128 35	#8D8023

#C2B16C #B9A85D #B09F50 #A79743 #9E8F37 #95872C #8D8023

#C2B16C - #A79743 - #8D8023

CSS codes

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

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