#EFE8D9 - #DFC98A | 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 #EFE8D9 to #DFC98A

#EFE8D9 #DFC98A

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

#EFE8D9 - #DFC98A | 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 #EFE8D9 as 0% and #DFC98A as 100%.

0.0%	0.0% #EFE8D9	RGB 239 232 217	#EFE8D9
16.7%	16.7% #ECE2CB	RGB 236 226 203	#ECE2CB
33.3%	33.3% #E9DDBE	RGB 233 221 190	#E9DDBE
50.0%	50.0% #E7D8B1	RGB 231 216 177	#E7D8B1
66.7%	66.7% #E4D3A4	RGB 228 211 164	#E4D3A4
83.3%	83.3% #E1CE97	RGB 225 206 151	#E1CE97
100.0%	100.0% #DFC98A	RGB 223 201 138	#DFC98A

#EFE8D9 #ECE2CB #E9DDBE #E7D8B1 #E4D3A4 #E1CE97 #DFC98A

#EFE8D9 - #DFC98A

HSV Blend

#EFE8D9 - #DFC98A | 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 #EFE8D9 as 0% and #DFC98A as 100%.

0.0%	0.0% #EFE8D9	RGB 239 232 217	#EFE8D9
16.7%	16.7% #ECE2CB	RGB 236 226 203	#ECE2CB
33.3%	33.3% #E9DCBD	RGB 233 220 189	#E9DCBD
50.0%	50.0% #E7D7B0	RGB 231 215 176	#E7D7B0
66.7%	66.7% #E4D2A3	RGB 228 210 163	#E4D2A3
83.3%	83.3% #E1CD96	RGB 225 205 150	#E1CD96
100.0%	100.0% #DFC98A	RGB 223 201 138	#DFC98A

#EFE8D9 #ECE2CB #E9DCBD #E7D7B0 #E4D2A3 #E1CD96 #DFC98A

#EFE8D9 - #E7D7B0 - #DFC98A

CSS codes

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

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