#C7BD6D - #9F8524 | 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 #C7BD6D to #9F8524

#C7BD6D #9F8524

Calculate the color between two colors, #C7BD6D and #9F8524. 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)

#C7BD6D - #9F8524 | 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 #C7BD6D as 0% and #9F8524 as 100%.

0.0%	0.0% #C7BD6D	RGB 199 189 109	#C7BD6D
16.7%	16.7% #C0B360	RGB 192 179 96	#C0B360
33.3%	33.3% #B9AA54	RGB 185 170 84	#B9AA54
50.0%	50.0% #B3A148	RGB 179 161 72	#B3A148
66.7%	66.7% #AC973C	RGB 172 151 60	#AC973C
83.3%	83.3% #A58E30	RGB 165 142 48	#A58E30
100.0%	100.0% #9F8524	RGB 159 133 36	#9F8524

#C7BD6D #C0B360 #B9AA54 #B3A148 #AC973C #A58E30 #9F8524

#C7BD6D - #9F8524

HSV Blend

#C7BD6D - #9F8524 | 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 #C7BD6D as 0% and #9F8524 as 100%.

0.0%	0.0% #C7BD6D	RGB 199 189 109	#C7BD6D
16.7%	16.7% #C0B35F	RGB 192 179 95	#C0B35F
33.3%	33.3% #B9AA51	RGB 185 170 81	#B9AA51
50.0%	50.0% #B3A145	RGB 179 161 69	#B3A145
66.7%	66.7% #AC9739	RGB 172 151 57	#AC9739
83.3%	83.3% #A58E2E	RGB 165 142 46	#A58E2E
100.0%	100.0% #9F8524	RGB 159 133 36	#9F8524

#C7BD6D #C0B35F #B9AA51 #B3A145 #AC9739 #A58E2E #9F8524

#C7BD6D - #B3A145 - #9F8524

CSS codes

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

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