#EFE5E1 - #DAA895 | 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 #EFE5E1 to #DAA895

#EFE5E1 #DAA895

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

#EFE5E1 - #DAA895 | 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 #EFE5E1 as 0% and #DAA895 as 100%.

0.0%	0.0% #EFE5E1	RGB 239 229 225	#EFE5E1
16.7%	16.7% #EBDAD4	RGB 235 218 212	#EBDAD4
33.3%	33.3% #E8D0C7	RGB 232 208 199	#E8D0C7
50.0%	50.0% #E4C6BB	RGB 228 198 187	#E4C6BB
66.7%	66.7% #E1BCAE	RGB 225 188 174	#E1BCAE
83.3%	83.3% #DDB2A1	RGB 221 178 161	#DDB2A1
100.0%	100.0% #DAA895	RGB 218 168 149	#DAA895

#EFE5E1 #EBDAD4 #E8D0C7 #E4C6BB #E1BCAE #DDB2A1 #DAA895

#EFE5E1 - #DAA895

HSV Blend

#EFE5E1 - #DAA895 | 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 #EFE5E1 as 0% and #DAA895 as 100%.

0.0%	0.0% #EFE5E1	RGB 239 229 225	#EFE5E1
16.7%	16.7% #EBDAD3	RGB 235 218 211	#EBDAD3
33.3%	33.3% #E8CFC6	RGB 232 207 198	#E8CFC6
50.0%	50.0% #E4C5B9	RGB 228 197 185	#E4C5B9
66.7%	66.7% #E1BBAD	RGB 225 187 173	#E1BBAD
83.3%	83.3% #DDB1A0	RGB 221 177 160	#DDB1A0
100.0%	100.0% #DAA895	RGB 218 168 149	#DAA895

#EFE5E1 #EBDAD3 #E8CFC6 #E4C5B9 #E1BBAD #DDB1A0 #DAA895

#EFE5E1 - #E4C5B9 - #DAA895

CSS codes

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

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