#8F5E7E - #402338 | 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 #8F5E7E to #402338

#8F5E7E #402338

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

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

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #815472	RGB 129 84 114	#815472
33.3%	33.3% #744A66	RGB 116 74 102	#744A66
50.0%	50.0% #67405B	RGB 103 64 91	#67405B
66.7%	66.7% #5A364F	RGB 90 54 79	#5A364F
83.3%	83.3% #4D2C43	RGB 77 44 67	#4D2C43
100.0%	100.0% #402338	RGB 64 35 56	#402338

#8F5E7E #815472 #744A66 #67405B #5A364F #4D2C43 #402338

#8F5E7E - #402338

HSV Blend

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

0.0%	0.0% #8F5E7E	RGB 143 94 126	#8F5E7E
16.7%	16.7% #815272	RGB 129 82 114	#815272
33.3%	33.3% #744866	RGB 116 72 102	#744866
50.0%	50.0% #673E5A	RGB 103 62 90	#673E5A
66.7%	66.7% #5A344F	RGB 90 52 79	#5A344F
83.3%	83.3% #4D2B43	RGB 77 43 67	#4D2B43
100.0%	100.0% #402338	RGB 64 35 56	#402338

#8F5E7E #815272 #744866 #673E5A #5A344F #4D2B43 #402338

#8F5E7E - #673E5A - #402338

CSS codes

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

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