#C49D97 - #FFDFB7 | 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 #C49D97 to #FFDFB7

#C49D97 #FFDFB7

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

#C49D97 - #FFDFB7 | 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 #C49D97 as 0% and #FFDFB7 as 100%.

0.0%	0.0% #C49D97	RGB 196 157 151	#C49D97
16.7%	16.7% #CDA89C	RGB 205 168 156	#CDA89C
33.3%	33.3% #D7B3A1	RGB 215 179 161	#D7B3A1
50.0%	50.0% #E1BEA7	RGB 225 190 167	#E1BEA7
66.7%	66.7% #EBC9AC	RGB 235 201 172	#EBC9AC
83.3%	83.3% #F5D4B1	RGB 245 212 177	#F5D4B1
100.0%	100.0% #FFDFB7	RGB 255 223 183	#FFDFB7

#C49D97 #CDA89C #D7B3A1 #E1BEA7 #EBC9AC #F5D4B1 #FFDFB7

#C49D97 - #FFDFB7

HSV Blend

#C49D97 - #FFDFB7 | 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 #C49D97 as 0% and #FFDFB7 as 100%.

0.0%	0.0% #C49D97	RGB 196 157 151	#C49D97
16.7%	16.7% #CDA69C	RGB 205 166 156	#CDA69C
33.3%	33.3% #D7B0A2	RGB 215 176 162	#D7B0A2
50.0%	50.0% #E1BBA7	RGB 225 187 167	#E1BBA7
66.7%	66.7% #EBC6AD	RGB 235 198 173	#EBC6AD
83.3%	83.3% #F5D2B2	RGB 245 210 178	#F5D2B2
100.0%	100.0% #FFDFB7	RGB 255 223 183	#FFDFB7

#C49D97 #CDA69C #D7B0A2 #E1BBA7 #EBC6AD #F5D2B2 #FFDFB7

#C49D97 - #E1BBA7 - #FFDFB7

CSS codes

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

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