#5E5B6F - #AB82E2 | 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 #5E5B6F to #AB82E2

#5E5B6F #AB82E2

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

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

0.0%	0.0% #5E5B6F	RGB 94 91 111	#5E5B6F
16.7%	16.7% #6A6182	RGB 106 97 130	#6A6182
33.3%	33.3% #776895	RGB 119 104 149	#776895
50.0%	50.0% #846EA8	RGB 132 110 168	#846EA8
66.7%	66.7% #9175BB	RGB 145 117 187	#9175BB
83.3%	83.3% #9E7BCE	RGB 158 123 206	#9E7BCE
100.0%	100.0% #AB82E2	RGB 171 130 226	#AB82E2

#5E5B6F #6A6182 #776895 #846EA8 #9175BB #9E7BCE #AB82E2

#5E5B6F - #AB82E2

HSV Blend

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

0.0%	0.0% #5E5B6F	RGB 94 91 111	#5E5B6F
16.7%	16.7% #6B6582	RGB 107 101 130	#6B6582
33.3%	33.3% #776E95	RGB 119 110 149	#776E95
50.0%	50.0% #8475A8	RGB 132 117 168	#8475A8
66.7%	66.7% #907BBB	RGB 144 123 187	#907BBB
83.3%	83.3% #9D7FCE	RGB 157 127 206	#9D7FCE
100.0%	100.0% #AB82E2	RGB 171 130 226	#AB82E2

#5E5B6F #6B6582 #776E95 #8475A8 #907BBB #9D7FCE #AB82E2

#5E5B6F - #8475A8 - #AB82E2

CSS codes

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

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