#D6C49C - #FFD7B5 | 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 #D6C49C to #FFD7B5

#D6C49C #FFD7B5

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

#D6C49C - #FFD7B5 | 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 #D6C49C as 0% and #FFD7B5 as 100%.

0.0%	0.0% #D6C49C	RGB 214 196 156	#D6C49C
16.7%	16.7% #DCC7A0	RGB 220 199 160	#DCC7A0
33.3%	33.3% #E3CAA4	RGB 227 202 164	#E3CAA4
50.0%	50.0% #EACDA8	RGB 234 205 168	#EACDA8
66.7%	66.7% #F1D0AC	RGB 241 208 172	#F1D0AC
83.3%	83.3% #F8D3B0	RGB 248 211 176	#F8D3B0
100.0%	100.0% #FFD7B5	RGB 255 215 181	#FFD7B5

#D6C49C #DCC7A0 #E3CAA4 #EACDA8 #F1D0AC #F8D3B0 #FFD7B5

#D6C49C - #FFD7B5

HSV Blend

#D6C49C - #FFD7B5 | 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 #D6C49C as 0% and #FFD7B5 as 100%.

0.0%	0.0% #D6C49C	RGB 214 196 156	#D6C49C
16.7%	16.7% #DCC7A0	RGB 220 199 160	#DCC7A0
33.3%	33.3% #E3CBA4	RGB 227 203 164	#E3CBA4
50.0%	50.0% #EACEA8	RGB 234 206 168	#EACEA8
66.7%	66.7% #F1D1AC	RGB 241 209 172	#F1D1AC
83.3%	83.3% #F8D4B0	RGB 248 212 176	#F8D4B0
100.0%	100.0% #FFD7B5	RGB 255 215 181	#FFD7B5

#D6C49C #DCC7A0 #E3CBA4 #EACEA8 #F1D1AC #F8D4B0 #FFD7B5

#D6C49C - #EACEA8 - #FFD7B5

CSS codes

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

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