#4A3670 - #21081C | 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 #4A3670 to #21081C

#4A3670 #21081C

Calculate the color between two colors, #4A3670 and #21081C. 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)

#4A3670 - #21081C | 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 #4A3670 as 0% and #21081C as 100%.

0.0%	0.0% #4A3670	RGB 74 54 112	#4A3670
16.7%	16.7% #432E62	RGB 67 46 98	#432E62
33.3%	33.3% #3C2654	RGB 60 38 84	#3C2654
50.0%	50.0% #351F46	RGB 53 31 70	#351F46
66.7%	66.7% #2E1738	RGB 46 23 56	#2E1738
83.3%	83.3% #270F2A	RGB 39 15 42	#270F2A
100.0%	100.0% #21081C	RGB 33 8 28	#21081C

#4A3670 #432E62 #3C2654 #351F46 #2E1738 #270F2A #21081C

#4A3670 - #21081C

HSV Blend

#4A3670 - #21081C | 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 #4A3670 as 0% and #21081C as 100%.

0.0%	0.0% #493670	RGB 73 54 112	#493670
16.7%	16.7% #462B62	RGB 70 43 98	#462B62
33.3%	33.3% #422255	RGB 66 34 85	#422255
50.0%	50.0% #3D1A48	RGB 61 26 72	#3D1A48
66.7%	66.7% #37133B	RGB 55 19 59	#37133B
83.3%	83.3% #2E0D2C	RGB 46 13 44	#2E0D2C
100.0%	100.0% #21081C	RGB 33 8 28	#21081C

#493670 #462B62 #422255 #3D1A48 #37133B #2E0D2C #21081C

#4A3670 - #3D1A48 - #21081C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493670 0%, #3D1A48 50%, #21081C 100%);
    background: -webkit-linear-gradient(top, #493670 0%, #3D1A48 50%, #21081C 100%);
    background: linear-gradient(to bottom, #493670 0%, #3D1A48 50%, #21081C 100%);
}
</style>