#5E7095 - #B8B2B1 | 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 #5E7095 to #B8B2B1

#5E7095 #B8B2B1

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

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

0.0%	0.0% #5E7095	RGB 94 112 149	#5E7095
16.7%	16.7% #6D7B99	RGB 109 123 153	#6D7B99
33.3%	33.3% #7C869E	RGB 124 134 158	#7C869E
50.0%	50.0% #8B91A3	RGB 139 145 163	#8B91A3
66.7%	66.7% #9A9CA7	RGB 154 156 167	#9A9CA7
83.3%	83.3% #A9A7AC	RGB 169 167 172	#A9A7AC
100.0%	100.0% #B8B2B1	RGB 184 178 177	#B8B2B1

#5E7095 #6D7B99 #7C869E #8B91A3 #9A9CA7 #A9A7AC #B8B2B1

#5E7095 - #B8B2B1

HSV Blend

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

0.0%	0.0% #5E7095	RGB 94 112 149	#5E7095
16.7%	16.7% #6E6A9A	RGB 110 106 154	#6E6A9A
33.3%	33.3% #8B77A0	RGB 139 119 160	#8B77A0
50.0%	50.0% #A384A6	RGB 163 132 166	#A384A6
66.7%	66.7% #AC92A4	RGB 172 146 164	#AC92A4
83.3%	83.3% #B2A1A6	RGB 178 161 166	#B2A1A6
100.0%	100.0% #B8B2B1	RGB 184 178 177	#B8B2B1

#5E7095 #6E6A9A #8B77A0 #A384A6 #AC92A4 #B2A1A6 #B8B2B1

#5E7095 - #A384A6 - #B8B2B1

CSS codes

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

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