#E2D9E5 - #948AA7 | 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 #E2D9E5 to #948AA7

#E2D9E5 #948AA7

Calculate the color between two colors, #E2D9E5 and #948AA7. 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)

#E2D9E5 - #948AA7 | 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 #E2D9E5 as 0% and #948AA7 as 100%.

0.0%	0.0% #E2D9E5	RGB 226 217 229	#E2D9E5
16.7%	16.7% #D5CBDA	RGB 213 203 218	#D5CBDA
33.3%	33.3% #C8BED0	RGB 200 190 208	#C8BED0
50.0%	50.0% #BBB1C6	RGB 187 177 198	#BBB1C6
66.7%	66.7% #AEA4BB	RGB 174 164 187	#AEA4BB
83.3%	83.3% #A197B1	RGB 161 151 177	#A197B1
100.0%	100.0% #948AA7	RGB 148 138 167	#948AA7

#E2D9E5 #D5CBDA #C8BED0 #BBB1C6 #AEA4BB #A197B1 #948AA7

#E2D9E5 - #948AA7

HSV Blend

#E2D9E5 - #948AA7 | 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 #E2D9E5 as 0% and #948AA7 as 100%.

0.0%	0.0% #E2D9E5	RGB 226 217 229	#E2D9E5
16.7%	16.7% #D5CADA	RGB 213 202 218	#D5CADA
33.3%	33.3% #C8BCD0	RGB 200 188 208	#C8BCD0
50.0%	50.0% #BBAFC6	RGB 187 175 198	#BBAFC6
66.7%	66.7% #AEA2BB	RGB 174 162 187	#AEA2BB
83.3%	83.3% #A196B1	RGB 161 150 177	#A196B1
100.0%	100.0% #948AA7	RGB 148 138 167	#948AA7

#E2D9E5 #D5CADA #C8BCD0 #BBAFC6 #AEA2BB #A196B1 #948AA7

#E2D9E5 - #BBAFC6 - #948AA7

CSS codes

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

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