#5E357C - #210826 | 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 #5E357C to #210826

#5E357C #210826

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

#5E357C - #210826 | 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 #5E357C as 0% and #210826 as 100%.

0.0%	0.0% #5E357C	RGB 94 53 124	#5E357C
16.7%	16.7% #532D6D	RGB 83 45 109	#532D6D
33.3%	33.3% #49265F	RGB 73 38 95	#49265F
50.0%	50.0% #3F1E51	RGB 63 30 81	#3F1E51
66.7%	66.7% #351742	RGB 53 23 66	#351742
83.3%	83.3% #2B0F34	RGB 43 15 52	#2B0F34
100.0%	100.0% #210826	RGB 33 8 38	#210826

#5E357C #532D6D #49265F #3F1E51 #351742 #2B0F34 #210826

#5E357C - #210826

HSV Blend

#5E357C - #210826 | 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 #5E357C as 0% and #210826 as 100%.

0.0%	0.0% #5E357C	RGB 94 53 124	#5E357C
16.7%	16.7% #542A6D	RGB 84 42 109	#542A6D
33.3%	33.3% #4A215F	RGB 74 33 95	#4A215F
50.0%	50.0% #401951	RGB 64 25 81	#401951
66.7%	66.7% #361242	RGB 54 18 66	#361242
83.3%	83.3% #2C0C34	RGB 44 12 52	#2C0C34
100.0%	100.0% #210826	RGB 33 8 38	#210826

#5E357C #542A6D #4A215F #401951 #361242 #2C0C34 #210826

#5E357C - #401951 - #210826

CSS codes

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

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