#5B5E8C - #AAA1A9 | 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 #5B5E8C to #AAA1A9

#5B5E8C #AAA1A9

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

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

0.0%	0.0% #5B5E8C	RGB 91 94 140	#5B5E8C
16.7%	16.7% #686990	RGB 104 105 144	#686990
33.3%	33.3% #757495	RGB 117 116 149	#757495
50.0%	50.0% #827F9A	RGB 130 127 154	#827F9A
66.7%	66.7% #8F8A9F	RGB 143 138 159	#8F8A9F
83.3%	83.3% #9C95A4	RGB 156 149 164	#9C95A4
100.0%	100.0% #AAA1A9	RGB 170 161 169	#AAA1A9

#5B5E8C #686990 #757495 #827F9A #8F8A9F #9C95A4 #AAA1A9

#5B5E8C - #AAA1A9

HSV Blend

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

0.0%	0.0% #5B5D8C	RGB 91 93 140	#5B5D8C
16.7%	16.7% #6B6591	RGB 107 101 145	#6B6591
33.3%	33.3% #7C7096	RGB 124 112 150	#7C7096
50.0%	50.0% #8C7B9B	RGB 140 123 155	#8C7B9B
66.7%	66.7% #9987A0	RGB 153 135 160	#9987A0
83.3%	83.3% #A394A5	RGB 163 148 165	#A394A5
100.0%	100.0% #AAA1A9	RGB 170 161 169	#AAA1A9

#5B5D8C #6B6591 #7C7096 #8C7B9B #9987A0 #A394A5 #AAA1A9

#5B5E8C - #8C7B9B - #AAA1A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5D8C 0%, #8C7B9B 50%, #AAA1A9 100%);
    background: -webkit-linear-gradient(top, #5B5D8C 0%, #8C7B9B 50%, #AAA1A9 100%);
    background: linear-gradient(to bottom, #5B5D8C 0%, #8C7B9B 50%, #AAA1A9 100%);
}
</style>