#E2D3E5 - #9281A7 | 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 #E2D3E5 to #9281A7

#E2D3E5 #9281A7

Calculate the color between two colors, #E2D3E5 and #9281A7. 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)

#E2D3E5 - #9281A7 | 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 #E2D3E5 as 0% and #9281A7 as 100%.

0.0%	0.0% #E2D3E5	RGB 226 211 229	#E2D3E5
16.7%	16.7% #D4C5DA	RGB 212 197 218	#D4C5DA
33.3%	33.3% #C7B7D0	RGB 199 183 208	#C7B7D0
50.0%	50.0% #BAAAC6	RGB 186 170 198	#BAAAC6
66.7%	66.7% #AC9CBB	RGB 172 156 187	#AC9CBB
83.3%	83.3% #9F8EB1	RGB 159 142 177	#9F8EB1
100.0%	100.0% #9281A7	RGB 146 129 167	#9281A7

#E2D3E5 #D4C5DA #C7B7D0 #BAAAC6 #AC9CBB #9F8EB1 #9281A7

#E2D3E5 - #9281A7

HSV Blend

#E2D3E5 - #9281A7 | 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 #E2D3E5 as 0% and #9281A7 as 100%.

0.0%	0.0% #E2D3E5	RGB 226 211 229	#E2D3E5
16.7%	16.7% #D5C4DA	RGB 213 196 218	#D5C4DA
33.3%	33.3% #C8B5D0	RGB 200 181 208	#C8B5D0
50.0%	50.0% #BBA7C6	RGB 187 167 198	#BBA7C6
66.7%	66.7% #AD9ABB	RGB 173 154 187	#AD9ABB
83.3%	83.3% #9F8DB1	RGB 159 141 177	#9F8DB1
100.0%	100.0% #9281A7	RGB 146 129 167	#9281A7

#E2D3E5 #D5C4DA #C8B5D0 #BBA7C6 #AD9ABB #9F8DB1 #9281A7

#E2D3E5 - #BBA7C6 - #9281A7

CSS codes

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

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