#C7B06D - #A07424 | 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 #C7B06D to #A07424

#C7B06D #A07424

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

#C7B06D - #A07424 | 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 #C7B06D as 0% and #A07424 as 100%.

0.0%	0.0% #C7B06D	RGB 199 176 109	#C7B06D
16.7%	16.7% #C0A660	RGB 192 166 96	#C0A660
33.3%	33.3% #BA9C54	RGB 186 156 84	#BA9C54
50.0%	50.0% #B39248	RGB 179 146 72	#B39248
66.7%	66.7% #AD883C	RGB 173 136 60	#AD883C
83.3%	83.3% #A67E30	RGB 166 126 48	#A67E30
100.0%	100.0% #A07424	RGB 160 116 36	#A07424

#C7B06D #C0A660 #BA9C54 #B39248 #AD883C #A67E30 #A07424

#C7B06D - #A07424

HSV Blend

#C7B06D - #A07424 | 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 #C7B06D as 0% and #A07424 as 100%.

0.0%	0.0% #C7B06D	RGB 199 176 109	#C7B06D
16.7%	16.7% #C0A55F	RGB 192 165 95	#C0A55F
33.3%	33.3% #BA9B51	RGB 186 155 81	#BA9B51
50.0%	50.0% #B39145	RGB 179 145 69	#B39145
66.7%	66.7% #AD8739	RGB 173 135 57	#AD8739
83.3%	83.3% #A67D2E	RGB 166 125 46	#A67D2E
100.0%	100.0% #A07424	RGB 160 116 36	#A07424

#C7B06D #C0A55F #BA9B51 #B39145 #AD8739 #A67D2E #A07424

#C7B06D - #B39145 - #A07424

CSS codes

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

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