#5E3559 - #330E22 | 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 #5E3559 to #330E22

#5E3559 #330E22

Calculate the color between two colors, #5E3559 and #330E22. 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)

#5E3559 - #330E22 | 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 #5E3559 as 0% and #330E22 as 100%.

0.0%	0.0% #5E3559	RGB 94 53 89	#5E3559
16.7%	16.7% #562E4F	RGB 86 46 79	#562E4F
33.3%	33.3% #4F2846	RGB 79 40 70	#4F2846
50.0%	50.0% #48213D	RGB 72 33 61	#48213D
66.7%	66.7% #411B34	RGB 65 27 52	#411B34
83.3%	83.3% #3A142B	RGB 58 20 43	#3A142B
100.0%	100.0% #330E22	RGB 51 14 34	#330E22

#5E3559 #562E4F #4F2846 #48213D #411B34 #3A142B #330E22

#5E3559 - #330E22

HSV Blend

#5E3559 - #330E22 | 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 #5E3559 as 0% and #330E22 as 100%.

0.0%	0.0% #5E3558	RGB 94 53 88	#5E3558
16.7%	16.7% #562C4F	RGB 86 44 79	#562C4F
33.3%	33.3% #4F2545	RGB 79 37 69	#4F2545
50.0%	50.0% #481E3C	RGB 72 30 60	#481E3C
66.7%	66.7% #411833	RGB 65 24 51	#411833
83.3%	83.3% #3A122A	RGB 58 18 42	#3A122A
100.0%	100.0% #330E22	RGB 51 14 34	#330E22

#5E3558 #562C4F #4F2545 #481E3C #411833 #3A122A #330E22

#5E3559 - #481E3C - #330E22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3558 0%, #481E3C 50%, #330E22 100%);
    background: -webkit-linear-gradient(top, #5E3558 0%, #481E3C 50%, #330E22 100%);
    background: linear-gradient(to bottom, #5E3558 0%, #481E3C 50%, #330E22 100%);
}
</style>