#5E629A - #AAA6B5 | 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 #5E629A to #AAA6B5

#5E629A #AAA6B5

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

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

0.0%	0.0% #5E629A	RGB 94 98 154	#5E629A
16.7%	16.7% #6A6D9E	RGB 106 109 158	#6A6D9E
33.3%	33.3% #7778A3	RGB 119 120 163	#7778A3
50.0%	50.0% #8484A7	RGB 132 132 167	#8484A7
66.7%	66.7% #908FAC	RGB 144 143 172	#908FAC
83.3%	83.3% #9D9AB0	RGB 157 154 176	#9D9AB0
100.0%	100.0% #AAA6B5	RGB 170 166 181	#AAA6B5

#5E629A #6A6D9E #7778A3 #8484A7 #908FAC #9D9AB0 #AAA6B5

#5E629A - #AAA6B5

HSV Blend

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

0.0%	0.0% #5E629A	RGB 94 98 154	#5E629A
16.7%	16.7% #68699E	RGB 104 105 158	#68699E
33.3%	33.3% #7674A3	RGB 118 116 163	#7674A3
50.0%	50.0% #837FA7	RGB 131 127 167	#837FA7
66.7%	66.7% #918CAC	RGB 145 140 172	#918CAC
83.3%	83.3% #9D98B0	RGB 157 152 176	#9D98B0
100.0%	100.0% #AAA6B5	RGB 170 166 181	#AAA6B5

#5E629A #68699E #7674A3 #837FA7 #918CAC #9D98B0 #AAA6B5

#5E629A - #837FA7 - #AAA6B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E629A 0%, #837FA7 50%, #AAA6B5 100%);
    background: -webkit-linear-gradient(top, #5E629A 0%, #837FA7 50%, #AAA6B5 100%);
    background: linear-gradient(to bottom, #5E629A 0%, #837FA7 50%, #AAA6B5 100%);
}
</style>