#887DDA - #DDD9F4 | 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 #887DDA to #DDD9F4

#887DDA #DDD9F4

Calculate the color between two colors, #887DDA and #DDD9F4. 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)

#887DDA - #DDD9F4 | 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 #887DDA as 0% and #DDD9F4 as 100%.

0.0%	0.0% #887DDA	RGB 136 125 218	#887DDA
16.7%	16.7% #968CDE	RGB 150 140 222	#968CDE
33.3%	33.3% #A49BE2	RGB 164 155 226	#A49BE2
50.0%	50.0% #B2ABE7	RGB 178 171 231	#B2ABE7
66.7%	66.7% #C0BAEB	RGB 192 186 235	#C0BAEB
83.3%	83.3% #CEC9EF	RGB 206 201 239	#CEC9EF
100.0%	100.0% #DDD9F4	RGB 221 217 244	#DDD9F4

#887DDA #968CDE #A49BE2 #B2ABE7 #C0BAEB #CEC9EF #DDD9F4

#887DDA - #DDD9F4

HSV Blend

#887DDA - #DDD9F4 | 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 #887DDA as 0% and #DDD9F4 as 100%.

0.0%	0.0% #877DDA	RGB 135 125 218	#877DDA
16.7%	16.7% #958BDE	RGB 149 139 222	#958BDE
33.3%	33.3% #A399E2	RGB 163 153 226	#A399E2
50.0%	50.0% #B1A8E7	RGB 177 168 231	#B1A8E7
66.7%	66.7% #BFB8EB	RGB 191 184 235	#BFB8EB
83.3%	83.3% #CEC8EF	RGB 206 200 239	#CEC8EF
100.0%	100.0% #DDD9F4	RGB 221 217 244	#DDD9F4

#877DDA #958BDE #A399E2 #B1A8E7 #BFB8EB #CEC8EF #DDD9F4

#887DDA - #B1A8E7 - #DDD9F4

CSS codes

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

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