#987BD2 - #E2D9F2 | 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 #987BD2 to #E2D9F2

#987BD2 #E2D9F2

Calculate the color between two colors, #987BD2 and #E2D9F2. 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)

#987BD2 - #E2D9F2 | 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 #987BD2 as 0% and #E2D9F2 as 100%.

0.0%	0.0% #987BD2	RGB 152 123 210	#987BD2
16.7%	16.7% #A48AD7	RGB 164 138 215	#A48AD7
33.3%	33.3% #B09ADC	RGB 176 154 220	#B09ADC
50.0%	50.0% #BDAAE2	RGB 189 170 226	#BDAAE2
66.7%	66.7% #C9B9E7	RGB 201 185 231	#C9B9E7
83.3%	83.3% #D5C9EC	RGB 213 201 236	#D5C9EC
100.0%	100.0% #E2D9F2	RGB 226 217 242	#E2D9F2

#987BD2 #A48AD7 #B09ADC #BDAAE2 #C9B9E7 #D5C9EC #E2D9F2

#987BD2 - #E2D9F2

HSV Blend

#987BD2 - #E2D9F2 | 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 #987BD2 as 0% and #E2D9F2 as 100%.

0.0%	0.0% #987BD2	RGB 152 123 210	#987BD2
16.7%	16.7% #A389D7	RGB 163 137 215	#A389D7
33.3%	33.3% #AF98DC	RGB 175 152 220	#AF98DC
50.0%	50.0% #BBA7E2	RGB 187 167 226	#BBA7E2
66.7%	66.7% #C8B7E7	RGB 200 183 231	#C8B7E7
83.3%	83.3% #D5C7EC	RGB 213 199 236	#D5C7EC
100.0%	100.0% #E2D9F2	RGB 226 217 242	#E2D9F2

#987BD2 #A389D7 #AF98DC #BBA7E2 #C8B7E7 #D5C7EC #E2D9F2

#987BD2 - #BBA7E2 - #E2D9F2

CSS codes

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

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