#5E5E9A - #A7A2B5 | 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 #5E5E9A to #A7A2B5

#5E5E9A #A7A2B5

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

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

0.0%	0.0% #5E5E9A	RGB 94 94 154	#5E5E9A
16.7%	16.7% #6A699E	RGB 106 105 158	#6A699E
33.3%	33.3% #7674A3	RGB 118 116 163	#7674A3
50.0%	50.0% #8280A7	RGB 130 128 167	#8280A7
66.7%	66.7% #8E8BAC	RGB 142 139 172	#8E8BAC
83.3%	83.3% #9A96B0	RGB 154 150 176	#9A96B0
100.0%	100.0% #A7A2B5	RGB 167 162 181	#A7A2B5

#5E5E9A #6A699E #7674A3 #8280A7 #8E8BAC #9A96B0 #A7A2B5

#5E5E9A - #A7A2B5

HSV Blend

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

0.0%	0.0% #5E5E9A	RGB 94 94 154	#5E5E9A
16.7%	16.7% #6A689E	RGB 106 104 158	#6A689E
33.3%	33.3% #7772A3	RGB 119 114 163	#7772A3
50.0%	50.0% #837EA7	RGB 131 126 167	#837EA7
66.7%	66.7% #8F89AC	RGB 143 137 172	#8F89AC
83.3%	83.3% #9B95B0	RGB 155 149 176	#9B95B0
100.0%	100.0% #A7A2B5	RGB 167 162 181	#A7A2B5

#5E5E9A #6A689E #7772A3 #837EA7 #8F89AC #9B95B0 #A7A2B5

#5E5E9A - #837EA7 - #A7A2B5

CSS codes

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

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