#E3DEE9 - #B08BA2 | 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 #E3DEE9 to #B08BA2

#E3DEE9 #B08BA2

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

#E3DEE9 - #B08BA2 | 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 #E3DEE9 as 0% and #B08BA2 as 100%.

0.0%	0.0% #E3DEE9	RGB 227 222 233	#E3DEE9
16.7%	16.7% #DAD0DD	RGB 218 208 221	#DAD0DD
33.3%	33.3% #D2C2D1	RGB 210 194 209	#D2C2D1
50.0%	50.0% #C9B4C5	RGB 201 180 197	#C9B4C5
66.7%	66.7% #C1A6B9	RGB 193 166 185	#C1A6B9
83.3%	83.3% #B898AD	RGB 184 152 173	#B898AD
100.0%	100.0% #B08BA2	RGB 176 139 162	#B08BA2

#E3DEE9 #DAD0DD #D2C2D1 #C9B4C5 #C1A6B9 #B898AD #B08BA2

#E3DEE9 - #B08BA2

HSV Blend

#E3DEE9 - #B08BA2 | 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 #E3DEE9 as 0% and #B08BA2 as 100%.

0.0%	0.0% #E3DEE9	RGB 227 222 233	#E3DEE9
16.7%	16.7% #D8CEDF	RGB 216 206 223	#D8CEDF
33.3%	33.3% #D0C0D6	RGB 208 192 214	#D0C0D6
50.0%	50.0% #CAB2CC	RGB 202 178 204	#CAB2CC
66.7%	66.7% #C3A4C0	RGB 195 164 192	#C3A4C0
83.3%	83.3% #B997B1	RGB 185 151 177	#B997B1
100.0%	100.0% #B08BA2	RGB 176 139 162	#B08BA2

#E3DEE9 #D8CEDF #D0C0D6 #CAB2CC #C3A4C0 #B997B1 #B08BA2

#E3DEE9 - #CAB2CC - #B08BA2

CSS codes

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

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