#5E6E8A - #BBB0A8 | 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 #5E6E8A to #BBB0A8

#5E6E8A #BBB0A8

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

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

0.0%	0.0% #5E6E8A	RGB 94 110 138	#5E6E8A
16.7%	16.7% #6D798F	RGB 109 121 143	#6D798F
33.3%	33.3% #7D8494	RGB 125 132 148	#7D8494
50.0%	50.0% #8C8F99	RGB 140 143 153	#8C8F99
66.7%	66.7% #9C9A9E	RGB 156 154 158	#9C9A9E
83.3%	83.3% #ABA5A3	RGB 171 165 163	#ABA5A3
100.0%	100.0% #BBB0A8	RGB 187 176 168	#BBB0A8

#5E6E8A #6D798F #7D8494 #8C8F99 #9C9A9E #ABA5A3 #BBB0A8

#5E6E8A - #BBB0A8

HSV Blend

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

0.0%	0.0% #5E6E8A	RGB 94 110 138	#5E6E8A
16.7%	16.7% #6D6892	RGB 109 104 146	#6D6892
33.3%	33.3% #89749A	RGB 137 116 154	#89749A
50.0%	50.0% #A280A1	RGB 162 128 161	#A280A1
66.7%	66.7% #AA8C9C	RGB 170 140 156	#AA8C9C
83.3%	83.3% #B29A9B	RGB 178 154 155	#B29A9B
100.0%	100.0% #BBB0A8	RGB 187 176 168	#BBB0A8

#5E6E8A #6D6892 #89749A #A280A1 #AA8C9C #B29A9B #BBB0A8

#5E6E8A - #A280A1 - #BBB0A8

CSS codes

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

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