#C0AA7E - #FFDF9B | 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 #C0AA7E to #FFDF9B

#C0AA7E #FFDF9B

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

#C0AA7E - #FFDF9B | 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 #C0AA7E as 0% and #FFDF9B as 100%.

0.0%	0.0% #C0AA7E	RGB 192 170 126	#C0AA7E
16.7%	16.7% #CAB282	RGB 202 178 130	#CAB282
33.3%	33.3% #D5BB87	RGB 213 187 135	#D5BB87
50.0%	50.0% #DFC48C	RGB 223 196 140	#DFC48C
66.7%	66.7% #EACD91	RGB 234 205 145	#EACD91
83.3%	83.3% #F4D696	RGB 244 214 150	#F4D696
100.0%	100.0% #FFDF9B	RGB 255 223 155	#FFDF9B

#C0AA7E #CAB282 #D5BB87 #DFC48C #EACD91 #F4D696 #FFDF9B

#C0AA7E - #FFDF9B

HSV Blend

#C0AA7E - #FFDF9B | 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 #C0AA7E as 0% and #FFDF9B as 100%.

0.0%	0.0% #C0AA7E	RGB 192 170 126	#C0AA7E
16.7%	16.7% #CAB283	RGB 202 178 131	#CAB283
33.3%	33.3% #D5BB88	RGB 213 187 136	#D5BB88
50.0%	50.0% #DFC48D	RGB 223 196 141	#DFC48D
66.7%	66.7% #EACD92	RGB 234 205 146	#EACD92
83.3%	83.3% #F4D696	RGB 244 214 150	#F4D696
100.0%	100.0% #FFDF9B	RGB 255 223 155	#FFDF9B

#C0AA7E #CAB283 #D5BB88 #DFC48D #EACD92 #F4D696 #FFDF9B

#C0AA7E - #DFC48D - #FFDF9B

CSS codes

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

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