#5E6981 - #B9ABA0 | 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 #5E6981 to #B9ABA0

#5E6981 #B9ABA0

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

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

0.0%	0.0% #5E6981	RGB 94 105 129	#5E6981
16.7%	16.7% #6D7486	RGB 109 116 134	#6D7486
33.3%	33.3% #7C7F8B	RGB 124 127 139	#7C7F8B
50.0%	50.0% #8B8A90	RGB 139 138 144	#8B8A90
66.7%	66.7% #9A9595	RGB 154 149 149	#9A9595
83.3%	83.3% #A9A09A	RGB 169 160 154	#A9A09A
100.0%	100.0% #B9ABA0	RGB 185 171 160	#B9ABA0

#5E6981 #6D7486 #7C7F8B #8B8A90 #9A9595 #A9A09A #B9ABA0

#5E6981 - #B9ABA0

HSV Blend

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

0.0%	0.0% #5E6981	RGB 94 105 129	#5E6981
16.7%	16.7% #6C678A	RGB 108 103 138	#6C678A
33.3%	33.3% #867293	RGB 134 114 147	#867293
50.0%	50.0% #9D7D9A	RGB 157 125 154	#9D7D9A
66.7%	66.7% #A68896	RGB 166 136 150	#A68896
83.3%	83.3% #AF9394	RGB 175 147 148	#AF9394
100.0%	100.0% #B9ABA0	RGB 185 171 160	#B9ABA0

#5E6981 #6C678A #867293 #9D7D9A #A68896 #AF9394 #B9ABA0

#5E6981 - #9D7D9A - #B9ABA0

CSS codes

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

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