#E2DEE6 - #BB92D4 | 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 #E2DEE6 to #BB92D4

#E2DEE6 #BB92D4

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

#E2DEE6 - #BB92D4 | 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 #E2DEE6 as 0% and #BB92D4 as 100%.

0.0%	0.0% #E2DEE6	RGB 226 222 230	#E2DEE6
16.7%	16.7% #DBD1E3	RGB 219 209 227	#DBD1E3
33.3%	33.3% #D5C4E0	RGB 213 196 224	#D5C4E0
50.0%	50.0% #CEB8DD	RGB 206 184 221	#CEB8DD
66.7%	66.7% #C8ABDA	RGB 200 171 218	#C8ABDA
83.3%	83.3% #C19ED7	RGB 193 158 215	#C19ED7
100.0%	100.0% #BB92D4	RGB 187 146 212	#BB92D4

#E2DEE6 #DBD1E3 #D5C4E0 #CEB8DD #C8ABDA #C19ED7 #BB92D4

#E2DEE6 - #BB92D4

HSV Blend

#E2DEE6 - #BB92D4 | 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 #E2DEE6 as 0% and #BB92D4 as 100%.

0.0%	0.0% #E2DEE6	RGB 226 222 230	#E2DEE6
16.7%	16.7% #DAD0E3	RGB 218 208 227	#DAD0E3
33.3%	33.3% #D2C3E0	RGB 210 195 224	#D2C3E0
50.0%	50.0% #CCB6DD	RGB 204 182 221	#CCB6DD
66.7%	66.7% #C5AADA	RGB 197 170 218	#C5AADA
83.3%	83.3% #C09DD7	RGB 192 157 215	#C09DD7
100.0%	100.0% #BB92D4	RGB 187 146 212	#BB92D4

#E2DEE6 #DAD0E3 #D2C3E0 #CCB6DD #C5AADA #C09DD7 #BB92D4

#E2DEE6 - #CCB6DD - #BB92D4

CSS codes

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

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