#C0A58B - #FFDFA8 | 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 #C0A58B to #FFDFA8

#C0A58B #FFDFA8

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

#C0A58B - #FFDFA8 | 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 #C0A58B as 0% and #FFDFA8 as 100%.

0.0%	0.0% #C0A58B	RGB 192 165 139	#C0A58B
16.7%	16.7% #CAAE8F	RGB 202 174 143	#CAAE8F
33.3%	33.3% #D5B894	RGB 213 184 148	#D5B894
50.0%	50.0% #DFC299	RGB 223 194 153	#DFC299
66.7%	66.7% #EACB9E	RGB 234 203 158	#EACB9E
83.3%	83.3% #F4D5A3	RGB 244 213 163	#F4D5A3
100.0%	100.0% #FFDFA8	RGB 255 223 168	#FFDFA8

#C0A58B #CAAE8F #D5B894 #DFC299 #EACB9E #F4D5A3 #FFDFA8

#C0A58B - #FFDFA8

HSV Blend

#C0A58B - #FFDFA8 | 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 #C0A58B as 0% and #FFDFA8 as 100%.

0.0%	0.0% #C0A58B	RGB 192 165 139	#C0A58B
16.7%	16.7% #CAAE90	RGB 202 174 144	#CAAE90
33.3%	33.3% #D5B795	RGB 213 183 149	#D5B795
50.0%	50.0% #DFC19A	RGB 223 193 154	#DFC19A
66.7%	66.7% #EACA9F	RGB 234 202 159	#EACA9F
83.3%	83.3% #F4D4A3	RGB 244 212 163	#F4D4A3
100.0%	100.0% #FFDFA8	RGB 255 223 168	#FFDFA8

#C0A58B #CAAE90 #D5B795 #DFC19A #EACA9F #F4D4A3 #FFDFA8

#C0A58B - #DFC19A - #FFDFA8

CSS codes

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

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