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

#5E135B #876CB0

Calculate the color between two colors, #5E135B 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)

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

0.0%	0.0% #5E135B	RGB 94 19 91	#5E135B
16.7%	16.7% #642169	RGB 100 33 105	#642169
33.3%	33.3% #6B3077	RGB 107 48 119	#6B3077
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

#5E135B #642169 #6B3077 #723F85 #794E93 #805DA1 #876CB0

#5E135B - #876CB0

HSV Blend

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

0.0%	0.0% #5E125B	RGB 94 18 91	#5E125B
16.7%	16.7% #661D6B	RGB 102 29 107	#661D6B
33.3%	33.3% #6B2979	RGB 107 41 121	#6B2979
50.0%	50.0% #703787	RGB 112 55 135	#703787
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

#5E125B #661D6B #6B2979 #703787 #764694 #7D58A2 #876CB0

#5E135B - #703787 - #876CB0

CSS codes

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

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