#E2DCE1 - #BF8AAB | 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 #E2DCE1 to #BF8AAB

#E2DCE1 #BF8AAB

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

#E2DCE1 - #BF8AAB | 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 #E2DCE1 as 0% and #BF8AAB as 100%.

0.0%	0.0% #E2DCE1	RGB 226 220 225	#E2DCE1
16.7%	16.7% #DCCED8	RGB 220 206 216	#DCCED8
33.3%	33.3% #D6C0CF	RGB 214 192 207	#D6C0CF
50.0%	50.0% #D0B3C6	RGB 208 179 198	#D0B3C6
66.7%	66.7% #CAA5BD	RGB 202 165 189	#CAA5BD
83.3%	83.3% #C497B4	RGB 196 151 180	#C497B4
100.0%	100.0% #BF8AAB	RGB 191 138 171	#BF8AAB

#E2DCE1 #DCCED8 #D6C0CF #D0B3C6 #CAA5BD #C497B4 #BF8AAB

#E2DCE1 - #BF8AAB

HSV Blend

#E2DCE1 - #BF8AAB | 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 #E2DCE1 as 0% and #BF8AAB as 100%.

0.0%	0.0% #E2DCE1	RGB 226 220 225	#E2DCE1
16.7%	16.7% #DCCDD9	RGB 220 205 217	#DCCDD9
33.3%	33.3% #D6BED0	RGB 214 190 208	#D6BED0
50.0%	50.0% #D0B0C7	RGB 208 176 199	#D0B0C7
66.7%	66.7% #CAA3BE	RGB 202 163 190	#CAA3BE
83.3%	83.3% #C496B4	RGB 196 150 180	#C496B4
100.0%	100.0% #BF8AAB	RGB 191 138 171	#BF8AAB

#E2DCE1 #DCCDD9 #D6BED0 #D0B0C7 #CAA3BE #C496B4 #BF8AAB

#E2DCE1 - #D0B0C7 - #BF8AAB

CSS codes

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

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