#8F5EBA - #400A66 | 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 #8F5EBA to #400A66

#8F5EBA #400A66

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

#8F5EBA - #400A66 | 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 #8F5EBA as 0% and #400A66 as 100%.

0.0%	0.0% #8F5EBA	RGB 143 94 186	#8F5EBA
16.7%	16.7% #8150AC	RGB 129 80 172	#8150AC
33.3%	33.3% #74429E	RGB 116 66 158	#74429E
50.0%	50.0% #673490	RGB 103 52 144	#673490
66.7%	66.7% #5A2582	RGB 90 37 130	#5A2582
83.3%	83.3% #4D1874	RGB 77 24 116	#4D1874
100.0%	100.0% #400A66	RGB 64 10 102	#400A66

#8F5EBA #8150AC #74429E #673490 #5A2582 #4D1874 #400A66

#8F5EBA - #400A66

HSV Blend

#8F5EBA - #400A66 | 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 #8F5EBA as 0% and #400A66 as 100%.

0.0%	0.0% #8F5EBA	RGB 143 94 186	#8F5EBA
16.7%	16.7% #7F4BAC	RGB 127 75 172	#7F4BAC
33.3%	33.3% #713A9E	RGB 113 58 158	#713A9E
50.0%	50.0% #632B90	RGB 99 43 144	#632B90
66.7%	66.7% #571E82	RGB 87 30 130	#571E82
83.3%	83.3% #4B1374	RGB 75 19 116	#4B1374
100.0%	100.0% #400A66	RGB 64 10 102	#400A66

#8F5EBA #7F4BAC #713A9E #632B90 #571E82 #4B1374 #400A66

#8F5EBA - #632B90 - #400A66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5EBA 0%, #632B90 50%, #400A66 100%);
    background: -webkit-linear-gradient(top, #8F5EBA 0%, #632B90 50%, #400A66 100%);
    background: linear-gradient(to bottom, #8F5EBA 0%, #632B90 50%, #400A66 100%);
}
</style>