#C0A48B - #FFDEA8 | 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 #C0A48B to #FFDEA8

#C0A48B #FFDEA8

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

#C0A48B - #FFDEA8 | 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 #C0A48B as 0% and #FFDEA8 as 100%.

0.0%	0.0% #C0A48B	RGB 192 164 139	#C0A48B
16.7%	16.7% #CAAD8F	RGB 202 173 143	#CAAD8F
33.3%	33.3% #D5B794	RGB 213 183 148	#D5B794
50.0%	50.0% #DFC199	RGB 223 193 153	#DFC199
66.7%	66.7% #EACA9E	RGB 234 202 158	#EACA9E
83.3%	83.3% #F4D4A3	RGB 244 212 163	#F4D4A3
100.0%	100.0% #FFDEA8	RGB 255 222 168	#FFDEA8

#C0A48B #CAAD8F #D5B794 #DFC199 #EACA9E #F4D4A3 #FFDEA8

#C0A48B - #FFDEA8

HSV Blend

#C0A48B - #FFDEA8 | 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 #C0A48B as 0% and #FFDEA8 as 100%.

0.0%	0.0% #C0A48B	RGB 192 164 139	#C0A48B
16.7%	16.7% #CAAD90	RGB 202 173 144	#CAAD90
33.3%	33.3% #D5B695	RGB 213 182 149	#D5B695
50.0%	50.0% #DFC09A	RGB 223 192 154	#DFC09A
66.7%	66.7% #EAC99F	RGB 234 201 159	#EAC99F
83.3%	83.3% #F4D3A3	RGB 244 211 163	#F4D3A3
100.0%	100.0% #FFDEA8	RGB 255 222 168	#FFDEA8

#C0A48B #CAAD90 #D5B695 #DFC09A #EAC99F #F4D3A3 #FFDEA8

#C0A48B - #DFC09A - #FFDEA8

CSS codes

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

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