#8D8FDB - #FFD5E5 | 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 #8D8FDB to #FFD5E5

#8D8FDB #FFD5E5

Calculate the color between two colors, #8D8FDB and #FFD5E5. 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)

#8D8FDB - #FFD5E5 | 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 #8D8FDB as 0% and #FFD5E5 as 100%.

0.0%	0.0% #8D8FDB	RGB 141 143 219	#8D8FDB
16.7%	16.7% #A09ADC	RGB 160 154 220	#A09ADC
33.3%	33.3% #B3A6DE	RGB 179 166 222	#B3A6DE
50.0%	50.0% #C6B2E0	RGB 198 178 224	#C6B2E0
66.7%	66.7% #D9BDE1	RGB 217 189 225	#D9BDE1
83.3%	83.3% #ECC9E3	RGB 236 201 227	#ECC9E3
100.0%	100.0% #FFD5E5	RGB 255 213 229	#FFD5E5

#8D8FDB #A09ADC #B3A6DE #C6B2E0 #D9BDE1 #ECC9E3 #FFD5E5

#8D8FDB - #FFD5E5

HSV Blend

#8D8FDB - #FFD5E5 | 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 #8D8FDB as 0% and #FFD5E5 as 100%.

0.0%	0.0% #8D8FDB	RGB 141 143 219	#8D8FDB
16.7%	16.7% #AA98E1	RGB 170 152 225	#AA98E1
33.3%	33.3% #C6A3E7	RGB 198 163 231	#C6A3E7
50.0%	50.0% #E0AFED	RGB 224 175 237	#E0AFED
66.7%	66.7% #F3BBEF	RGB 243 187 239	#F3BBEF
83.3%	83.3% #F9C8E8	RGB 249 200 232	#F9C8E8
100.0%	100.0% #FFD5E5	RGB 255 213 229	#FFD5E5

#8D8FDB #AA98E1 #C6A3E7 #E0AFED #F3BBEF #F9C8E8 #FFD5E5

#8D8FDB - #E0AFED - #FFD5E5

CSS codes

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

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