#5D3E4F - #826DA4 | 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 #5D3E4F to #826DA4

#5D3E4F #826DA4

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

#5D3E4F - #826DA4 | 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 #5D3E4F as 0% and #826DA4 as 100%.

0.0%	0.0% #5D3E4F	RGB 93 62 79	#5D3E4F
16.7%	16.7% #63455D	RGB 99 69 93	#63455D
33.3%	33.3% #694D6B	RGB 105 77 107	#694D6B
50.0%	50.0% #6F5579	RGB 111 85 121	#6F5579
66.7%	66.7% #755D87	RGB 117 93 135	#755D87
83.3%	83.3% #7B6595	RGB 123 101 149	#7B6595
100.0%	100.0% #826DA4	RGB 130 109 164	#826DA4

#5D3E4F #63455D #694D6B #6F5579 #755D87 #7B6595 #826DA4

#5D3E4F - #826DA4

HSV Blend

#5D3E4F - #826DA4 | 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 #5D3E4F as 0% and #826DA4 as 100%.

0.0%	0.0% #5D3E4E	RGB 93 62 78	#5D3E4E
16.7%	16.7% #68455F	RGB 104 69 95	#68455F
33.3%	33.3% #744D70	RGB 116 77 112	#744D70
50.0%	50.0% #7C5580	RGB 124 85 128	#7C5580
66.7%	66.7% #805D8C	RGB 128 93 140	#805D8C
83.3%	83.3% #816598	RGB 129 101 152	#816598
100.0%	100.0% #826DA4	RGB 130 109 164	#826DA4

#5D3E4E #68455F #744D70 #7C5580 #805D8C #816598 #826DA4

#5D3E4F - #7C5580 - #826DA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E4E 0%, #7C5580 50%, #826DA4 100%);
    background: -webkit-linear-gradient(top, #5D3E4E 0%, #7C5580 50%, #826DA4 100%);
    background: linear-gradient(to bottom, #5D3E4E 0%, #7C5580 50%, #826DA4 100%);
}
</style>