#E2DFDC - #BFA98A | 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 #E2DFDC to #BFA98A

#E2DFDC #BFA98A

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

#E2DFDC - #BFA98A | 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 #E2DFDC as 0% and #BFA98A as 100%.

0.0%	0.0% #E2DFDC	RGB 226 223 220	#E2DFDC
16.7%	16.7% #DCD6CE	RGB 220 214 206	#DCD6CE
33.3%	33.3% #D6CDC0	RGB 214 205 192	#D6CDC0
50.0%	50.0% #D0C4B3	RGB 208 196 179	#D0C4B3
66.7%	66.7% #CABBA5	RGB 202 187 165	#CABBA5
83.3%	83.3% #C4B297	RGB 196 178 151	#C4B297
100.0%	100.0% #BFA98A	RGB 191 169 138	#BFA98A

#E2DFDC #DCD6CE #D6CDC0 #D0C4B3 #CABBA5 #C4B297 #BFA98A

#E2DFDC - #BFA98A

HSV Blend

#E2DFDC - #BFA98A | 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 #E2DFDC as 0% and #BFA98A as 100%.

0.0%	0.0% #E2DFDC	RGB 226 223 220	#E2DFDC
16.7%	16.7% #DCD4CD	RGB 220 212 205	#DCD4CD
33.3%	33.3% #D6CBBE	RGB 214 203 190	#D6CBBE
50.0%	50.0% #D0C1B0	RGB 208 193 176	#D0C1B0
66.7%	66.7% #CAB9A3	RGB 202 185 163	#CAB9A3
83.3%	83.3% #C4B096	RGB 196 176 150	#C4B096
100.0%	100.0% #BFA98A	RGB 191 169 138	#BFA98A

#E2DFDC #DCD4CD #D6CBBE #D0C1B0 #CAB9A3 #C4B096 #BFA98A

#E2DFDC - #D0C1B0 - #BFA98A

CSS codes

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

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