#C5A28B - #FFDFA9 | 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 #C5A28B to #FFDFA9

#C5A28B #FFDFA9

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

#C5A28B - #FFDFA9 | 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 #C5A28B as 0% and #FFDFA9 as 100%.

0.0%	0.0% #C5A28B	RGB 197 162 139	#C5A28B
16.7%	16.7% #CEAC90	RGB 206 172 144	#CEAC90
33.3%	33.3% #D8B695	RGB 216 182 149	#D8B695
50.0%	50.0% #E2C09A	RGB 226 192 154	#E2C09A
66.7%	66.7% #EBCA9F	RGB 235 202 159	#EBCA9F
83.3%	83.3% #F5D4A4	RGB 245 212 164	#F5D4A4
100.0%	100.0% #FFDFA9	RGB 255 223 169	#FFDFA9

#C5A28B #CEAC90 #D8B695 #E2C09A #EBCA9F #F5D4A4 #FFDFA9

#C5A28B - #FFDFA9

HSV Blend

#C5A28B - #FFDFA9 | 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 #C5A28B as 0% and #FFDFA9 as 100%.

0.0%	0.0% #C5A28B	RGB 197 162 139	#C5A28B
16.7%	16.7% #CEAB90	RGB 206 171 144	#CEAB90
33.3%	33.3% #D8B595	RGB 216 181 149	#D8B595
50.0%	50.0% #E2BF9A	RGB 226 191 154	#E2BF9A
66.7%	66.7% #EBC99F	RGB 235 201 159	#EBC99F
83.3%	83.3% #F5D4A4	RGB 245 212 164	#F5D4A4
100.0%	100.0% #FFDFA9	RGB 255 223 169	#FFDFA9

#C5A28B #CEAB90 #D8B595 #E2BF9A #EBC99F #F5D4A4 #FFDFA9

#C5A28B - #E2BF9A - #FFDFA9

CSS codes

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

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