#5E6886 - #B7AAA4 | 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 #5E6886 to #B7AAA4

#5E6886 #B7AAA4

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

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

0.0%	0.0% #5E6886	RGB 94 104 134	#5E6886
16.7%	16.7% #6C738B	RGB 108 115 139	#6C738B
33.3%	33.3% #7B7E90	RGB 123 126 144	#7B7E90
50.0%	50.0% #8A8995	RGB 138 137 149	#8A8995
66.7%	66.7% #99949A	RGB 153 148 154	#99949A
83.3%	83.3% #A89F9F	RGB 168 159 159	#A89F9F
100.0%	100.0% #B7AAA4	RGB 183 170 164	#B7AAA4

#5E6886 #6C738B #7B7E90 #8A8995 #99949A #A89F9F #B7AAA4

#5E6886 - #B7AAA4

HSV Blend

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

0.0%	0.0% #5E6886	RGB 94 104 134	#5E6886
16.7%	16.7% #6F688E	RGB 111 104 142	#6F688E
33.3%	33.3% #887396	RGB 136 115 150	#887396
50.0%	50.0% #9E7E9D	RGB 158 126 157	#9E7E9D
66.7%	66.7% #A68A99	RGB 166 138 153	#A68A99
83.3%	83.3% #AE9799	RGB 174 151 153	#AE9799
100.0%	100.0% #B7AAA4	RGB 183 170 164	#B7AAA4

#5E6886 #6F688E #887396 #9E7E9D #A68A99 #AE9799 #B7AAA4

#5E6886 - #9E7E9D - #B7AAA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6886 0%, #9E7E9D 50%, #B7AAA4 100%);
    background: -webkit-linear-gradient(top, #5E6886 0%, #9E7E9D 50%, #B7AAA4 100%);
    background: linear-gradient(to bottom, #5E6886 0%, #9E7E9D 50%, #B7AAA4 100%);
}
</style>