#E2DCDA - #BCA08C | 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 #E2DCDA to #BCA08C

#E2DCDA #BCA08C

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

#E2DCDA - #BCA08C | 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 #E2DCDA as 0% and #BCA08C as 100%.

0.0%	0.0% #E2DCDA	RGB 226 220 218	#E2DCDA
16.7%	16.7% #DBD2CD	RGB 219 210 205	#DBD2CD
33.3%	33.3% #D5C8C0	RGB 213 200 192	#D5C8C0
50.0%	50.0% #CFBEB3	RGB 207 190 179	#CFBEB3
66.7%	66.7% #C8B4A6	RGB 200 180 166	#C8B4A6
83.3%	83.3% #C2AA99	RGB 194 170 153	#C2AA99
100.0%	100.0% #BCA08C	RGB 188 160 140	#BCA08C

#E2DCDA #DBD2CD #D5C8C0 #CFBEB3 #C8B4A6 #C2AA99 #BCA08C

#E2DCDA - #BCA08C

HSV Blend

#E2DCDA - #BCA08C | 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 #E2DCDA as 0% and #BCA08C as 100%.

0.0%	0.0% #E2DCDA	RGB 226 220 218	#E2DCDA
16.7%	16.7% #DBD0CB	RGB 219 208 203	#DBD0CB
33.3%	33.3% #D5C5BE	RGB 213 197 190	#D5C5BE
50.0%	50.0% #CFBAB0	RGB 207 186 176	#CFBAB0
66.7%	66.7% #C8B1A4	RGB 200 177 164	#C8B1A4
83.3%	83.3% #C2A897	RGB 194 168 151	#C2A897
100.0%	100.0% #BCA08C	RGB 188 160 140	#BCA08C

#E2DCDA #DBD0CB #D5C5BE #CFBAB0 #C8B1A4 #C2A897 #BCA08C

#E2DCDA - #CFBAB0 - #BCA08C

CSS codes

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

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