#CDA77E - #AA652E | 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 #CDA77E to #AA652E

#CDA77E #AA652E

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

#CDA77E - #AA652E | 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 #CDA77E as 0% and #AA652E as 100%.

0.0%	0.0% #CDA77E	RGB 205 167 126	#CDA77E
16.7%	16.7% #C79C70	RGB 199 156 112	#C79C70
33.3%	33.3% #C19163	RGB 193 145 99	#C19163
50.0%	50.0% #BB8656	RGB 187 134 86	#BB8656
66.7%	66.7% #B57B48	RGB 181 123 72	#B57B48
83.3%	83.3% #AF703B	RGB 175 112 59	#AF703B
100.0%	100.0% #AA652E	RGB 170 101 46	#AA652E

#CDA77E #C79C70 #C19163 #BB8656 #B57B48 #AF703B #AA652E

#CDA77E - #AA652E

HSV Blend

#CDA77E - #AA652E | 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 #CDA77E as 0% and #AA652E as 100%.

0.0%	0.0% #CDA77E	RGB 205 167 126	#CDA77E
16.7%	16.7% #C79B6E	RGB 199 155 110	#C79B6E
33.3%	33.3% #C19060	RGB 193 144 96	#C19060
50.0%	50.0% #BB8552	RGB 187 133 82	#BB8552
66.7%	66.7% #B57A45	RGB 181 122 69	#B57A45
83.3%	83.3% #AF6F39	RGB 175 111 57	#AF6F39
100.0%	100.0% #AA652E	RGB 170 101 46	#AA652E

#CDA77E #C79B6E #C19060 #BB8552 #B57A45 #AF6F39 #AA652E

#CDA77E - #BB8552 - #AA652E

CSS codes

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

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