#EFE2D9 - #D9A78A | 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 #EFE2D9 to #D9A78A

#EFE2D9 #D9A78A

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

#EFE2D9 - #D9A78A | 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 #EFE2D9 as 0% and #D9A78A as 100%.

0.0%	0.0% #EFE2D9	RGB 239 226 217	#EFE2D9
16.7%	16.7% #EBD8CB	RGB 235 216 203	#EBD8CB
33.3%	33.3% #E7CEBE	RGB 231 206 190	#E7CEBE
50.0%	50.0% #E4C4B1	RGB 228 196 177	#E4C4B1
66.7%	66.7% #E0BAA4	RGB 224 186 164	#E0BAA4
83.3%	83.3% #DCB097	RGB 220 176 151	#DCB097
100.0%	100.0% #D9A78A	RGB 217 167 138	#D9A78A

#EFE2D9 #EBD8CB #E7CEBE #E4C4B1 #E0BAA4 #DCB097 #D9A78A

#EFE2D9 - #D9A78A

HSV Blend

#EFE2D9 - #D9A78A | 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 #EFE2D9 as 0% and #D9A78A as 100%.

0.0%	0.0% #EFE2D9	RGB 239 226 217	#EFE2D9
16.7%	16.7% #EBD8CB	RGB 235 216 203	#EBD8CB
33.3%	33.3% #E7CEBD	RGB 231 206 189	#E7CEBD
50.0%	50.0% #E4C4B0	RGB 228 196 176	#E4C4B0
66.7%	66.7% #E0BAA3	RGB 224 186 163	#E0BAA3
83.3%	83.3% #DCB096	RGB 220 176 150	#DCB096
100.0%	100.0% #D9A78A	RGB 217 167 138	#D9A78A

#EFE2D9 #EBD8CB #E7CEBD #E4C4B0 #E0BAA3 #DCB096 #D9A78A

#EFE2D9 - #E4C4B0 - #D9A78A

CSS codes

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

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