#8C3E8C - #281128 | 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 #8C3E8C to #281128

#8C3E8C #281128

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

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

0.0%	0.0% #8C3E8C	RGB 140 62 140	#8C3E8C
16.7%	16.7% #7B367B	RGB 123 54 123	#7B367B
33.3%	33.3% #6A2F6A	RGB 106 47 106	#6A2F6A
50.0%	50.0% #5A275A	RGB 90 39 90	#5A275A
66.7%	66.7% #492049	RGB 73 32 73	#492049
83.3%	83.3% #381838	RGB 56 24 56	#381838
100.0%	100.0% #281128	RGB 40 17 40	#281128

#8C3E8C #7B367B #6A2F6A #5A275A #492049 #381838 #281128

#8C3E8C - #281128

HSV Blend

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

0.0%	0.0% #8B3E8C	RGB 139 62 140	#8B3E8C
16.7%	16.7% #7B367B	RGB 123 54 123	#7B367B
33.3%	33.3% #6A2E6A	RGB 106 46 106	#6A2E6A
50.0%	50.0% #59275A	RGB 89 39 90	#59275A
66.7%	66.7% #491F49	RGB 73 31 73	#491F49
83.3%	83.3% #381838	RGB 56 24 56	#381838
100.0%	100.0% #281128	RGB 40 17 40	#281128

#8B3E8C #7B367B #6A2E6A #59275A #491F49 #381838 #281128

#8C3E8C - #59275A - #281128

CSS codes

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

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