#5E1156 - #AD2D87 | 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 #5E1156 to #AD2D87

#5E1156 #AD2D87

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

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

0.0%	0.0% #5E1156	RGB 94 17 86	#5E1156
16.7%	16.7% #6B155E	RGB 107 21 94	#6B155E
33.3%	33.3% #781A66	RGB 120 26 102	#781A66
50.0%	50.0% #851F6E	RGB 133 31 110	#851F6E
66.7%	66.7% #922376	RGB 146 35 118	#922376
83.3%	83.3% #9F287E	RGB 159 40 126	#9F287E
100.0%	100.0% #AD2D87	RGB 173 45 135	#AD2D87

#5E1156 #6B155E #781A66 #851F6E #922376 #9F287E #AD2D87

#5E1156 - #AD2D87

HSV Blend

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

0.0%	0.0% #5E1056	RGB 94 16 86	#5E1056
16.7%	16.7% #6B145F	RGB 107 20 95	#6B145F
33.3%	33.3% #781868	RGB 120 24 104	#781868
50.0%	50.0% #851D70	RGB 133 29 112	#851D70
66.7%	66.7% #922278	RGB 146 34 120	#922278
83.3%	83.3% #9F277F	RGB 159 39 127	#9F277F
100.0%	100.0% #AD2D87	RGB 173 45 135	#AD2D87

#5E1056 #6B145F #781868 #851D70 #922278 #9F277F #AD2D87

#5E1156 - #851D70 - #AD2D87

CSS codes

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

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