#F5EFEA - #DFBBA1 | 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 #F5EFEA to #DFBBA1

#F5EFEA #DFBBA1

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

#F5EFEA - #DFBBA1 | 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 #F5EFEA as 0% and #DFBBA1 as 100%.

0.0%	0.0% #F5EFEA	RGB 245 239 234	#F5EFEA
16.7%	16.7% #F1E6DD	RGB 241 230 221	#F1E6DD
33.3%	33.3% #EDDDD1	RGB 237 221 209	#EDDDD1
50.0%	50.0% #EAD5C5	RGB 234 213 197	#EAD5C5
66.7%	66.7% #E6CCB9	RGB 230 204 185	#E6CCB9
83.3%	83.3% #E2C3AD	RGB 226 195 173	#E2C3AD
100.0%	100.0% #DFBBA1	RGB 223 187 161	#DFBBA1

#F5EFEA #F1E6DD #EDDDD1 #EAD5C5 #E6CCB9 #E2C3AD #DFBBA1

#F5EFEA - #DFBBA1

HSV Blend

#F5EFEA - #DFBBA1 | 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 #F5EFEA as 0% and #DFBBA1 as 100%.

0.0%	0.0% #F5EFEA	RGB 245 239 234	#F5EFEA
16.7%	16.7% #F1E6DD	RGB 241 230 221	#F1E6DD
33.3%	33.3% #EDDDD0	RGB 237 221 208	#EDDDD0
50.0%	50.0% #EAD4C4	RGB 234 212 196	#EAD4C4
66.7%	66.7% #E6CCB8	RGB 230 204 184	#E6CCB8
83.3%	83.3% #E2C3AC	RGB 226 195 172	#E2C3AC
100.0%	100.0% #DFBBA1	RGB 223 187 161	#DFBBA1

#F5EFEA #F1E6DD #EDDDD0 #EAD4C4 #E6CCB8 #E2C3AC #DFBBA1

#F5EFEA - #EAD4C4 - #DFBBA1

CSS codes

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

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