#8C7DB9 - #282334 | 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 #8C7DB9 to #282334

#8C7DB9 #282334

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

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

0.0%	0.0% #8C7DB9	RGB 140 125 185	#8C7DB9
16.7%	16.7% #7B6EA2	RGB 123 110 162	#7B6EA2
33.3%	33.3% #6A5F8C	RGB 106 95 140	#6A5F8C
50.0%	50.0% #5A5076	RGB 90 80 118	#5A5076
66.7%	66.7% #494160	RGB 73 65 96	#494160
83.3%	83.3% #38324A	RGB 56 50 74	#38324A
100.0%	100.0% #282334	RGB 40 35 52	#282334

#8C7DB9 #7B6EA2 #6A5F8C #5A5076 #494160 #38324A #282334

#8C7DB9 - #282334

HSV Blend

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

0.0%	0.0% #8B7DB9	RGB 139 125 185	#8B7DB9
16.7%	16.7% #7B6DA2	RGB 123 109 162	#7B6DA2
33.3%	33.3% #6B5E8C	RGB 107 94 140	#6B5E8C
50.0%	50.0% #5A4F76	RGB 90 79 118	#5A4F76
66.7%	66.7% #494060	RGB 73 64 96	#494060
83.3%	83.3% #38314A	RGB 56 49 74	#38314A
100.0%	100.0% #282334	RGB 40 35 52	#282334

#8B7DB9 #7B6DA2 #6B5E8C #5A4F76 #494060 #38314A #282334

#8C7DB9 - #5A4F76 - #282334

CSS codes

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

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