#8B5EBE - #B1A2D5 | 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 #8B5EBE to #B1A2D5

#8B5EBE #B1A2D5

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

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

0.0%	0.0% #8B5EBE	RGB 139 94 190	#8B5EBE
16.7%	16.7% #9169C1	RGB 145 105 193	#9169C1
33.3%	33.3% #9774C5	RGB 151 116 197	#9774C5
50.0%	50.0% #9E80C9	RGB 158 128 201	#9E80C9
66.7%	66.7% #A48BCD	RGB 164 139 205	#A48BCD
83.3%	83.3% #AA96D1	RGB 170 150 209	#AA96D1
100.0%	100.0% #B1A2D5	RGB 177 162 213	#B1A2D5

#8B5EBE #9169C1 #9774C5 #9E80C9 #A48BCD #AA96D1 #B1A2D5

#8B5EBE - #B1A2D5

HSV Blend

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

0.0%	0.0% #8B5EBE	RGB 139 94 190	#8B5EBE
16.7%	16.7% #8F68C1	RGB 143 104 193	#8F68C1
33.3%	33.3% #9573C5	RGB 149 115 197	#9573C5
50.0%	50.0% #9B7EC9	RGB 155 126 201	#9B7EC9
66.7%	66.7% #A189CD	RGB 161 137 205	#A189CD
83.3%	83.3% #A995D1	RGB 169 149 209	#A995D1
100.0%	100.0% #B1A2D5	RGB 177 162 213	#B1A2D5

#8B5EBE #8F68C1 #9573C5 #9B7EC9 #A189CD #A995D1 #B1A2D5

#8B5EBE - #9B7EC9 - #B1A2D5

CSS codes

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

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