#CDBA6B - #A78023 | 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 #CDBA6B to #A78023

#CDBA6B #A78023

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

#CDBA6B - #A78023 | 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 #CDBA6B as 0% and #A78023 as 100%.

0.0%	0.0% #CDBA6B	RGB 205 186 107	#CDBA6B
16.7%	16.7% #C6B05F	RGB 198 176 95	#C6B05F
33.3%	33.3% #C0A653	RGB 192 166 83	#C0A653
50.0%	50.0% #BA9D47	RGB 186 157 71	#BA9D47
66.7%	66.7% #B3933B	RGB 179 147 59	#B3933B
83.3%	83.3% #AD892F	RGB 173 137 47	#AD892F
100.0%	100.0% #A78023	RGB 167 128 35	#A78023

#CDBA6B #C6B05F #C0A653 #BA9D47 #B3933B #AD892F #A78023

#CDBA6B - #A78023

HSV Blend

#CDBA6B - #A78023 | 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 #CDBA6B as 0% and #A78023 as 100%.

0.0%	0.0% #CDBA6B	RGB 205 186 107	#CDBA6B
16.7%	16.7% #C6B05D	RGB 198 176 93	#C6B05D
33.3%	33.3% #C0A650	RGB 192 166 80	#C0A650
50.0%	50.0% #BA9D44	RGB 186 157 68	#BA9D44
66.7%	66.7% #B39338	RGB 179 147 56	#B39338
83.3%	83.3% #AD892D	RGB 173 137 45	#AD892D
100.0%	100.0% #A78023	RGB 167 128 35	#A78023

#CDBA6B #C6B05D #C0A650 #BA9D44 #B39338 #AD892D #A78023

#CDBA6B - #BA9D44 - #A78023

CSS codes

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

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