#E6BDA4 - #FDF0C5 | 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 #E6BDA4 to #FDF0C5

#E6BDA4 #FDF0C5

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

#E6BDA4 - #FDF0C5 | 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 #E6BDA4 as 0% and #FDF0C5 as 100%.

0.0%	0.0% #E6BDA4	RGB 230 189 164	#E6BDA4
16.7%	16.7% #E9C5A9	RGB 233 197 169	#E9C5A9
33.3%	33.3% #EDCEAF	RGB 237 206 175	#EDCEAF
50.0%	50.0% #F1D6B4	RGB 241 214 180	#F1D6B4
66.7%	66.7% #F5DFBA	RGB 245 223 186	#F5DFBA
83.3%	83.3% #F9E7BF	RGB 249 231 191	#F9E7BF
100.0%	100.0% #FDF0C5	RGB 253 240 197	#FDF0C5

#E6BDA4 #E9C5A9 #EDCEAF #F1D6B4 #F5DFBA #F9E7BF #FDF0C5

#E6BDA4 - #FDF0C5

HSV Blend

#E6BDA4 - #FDF0C5 | 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 #E6BDA4 as 0% and #FDF0C5 as 100%.

0.0%	0.0% #E6BDA4	RGB 230 189 164	#E6BDA4
16.7%	16.7% #E9C5A9	RGB 233 197 169	#E9C5A9
33.3%	33.3% #EDCEAE	RGB 237 206 174	#EDCEAE
50.0%	50.0% #F1D7B4	RGB 241 215 180	#F1D7B4
66.7%	66.7% #F5DFB9	RGB 245 223 185	#F5DFB9
83.3%	83.3% #F9E7BF	RGB 249 231 191	#F9E7BF
100.0%	100.0% #FDF0C5	RGB 253 240 197	#FDF0C5

#E6BDA4 #E9C5A9 #EDCEAE #F1D7B4 #F5DFB9 #F9E7BF #FDF0C5

#E6BDA4 - #F1D7B4 - #FDF0C5

CSS codes

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

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