#5E125A - #876CB0 | 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 #5E125A to #876CB0

#5E125A #876CB0

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

#5E125A - #876CB0 | 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 #5E125A as 0% and #876CB0 as 100%.

0.0%	0.0% #5E125A	RGB 94 18 90	#5E125A
16.7%	16.7% #642168	RGB 100 33 104	#642168
33.3%	33.3% #6B3076	RGB 107 48 118	#6B3076
50.0%	50.0% #723F85	RGB 114 63 133	#723F85
66.7%	66.7% #794E93	RGB 121 78 147	#794E93
83.3%	83.3% #805DA1	RGB 128 93 161	#805DA1
100.0%	100.0% #876CB0	RGB 135 108 176	#876CB0

#5E125A #642168 #6B3076 #723F85 #794E93 #805DA1 #876CB0

#5E125A - #876CB0

HSV Blend

#5E125A - #876CB0 | 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 #5E125A as 0% and #876CB0 as 100%.

0.0%	0.0% #5E115A	RGB 94 17 90	#5E115A
16.7%	16.7% #671C6B	RGB 103 28 107	#671C6B
33.3%	33.3% #6B2879	RGB 107 40 121	#6B2879
50.0%	50.0% #703687	RGB 112 54 135	#703687
66.7%	66.7% #764694	RGB 118 70 148	#764694
83.3%	83.3% #7D58A2	RGB 125 88 162	#7D58A2
100.0%	100.0% #876CB0	RGB 135 108 176	#876CB0

#5E115A #671C6B #6B2879 #703687 #764694 #7D58A2 #876CB0

#5E125A - #703687 - #876CB0

CSS codes

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

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