#5E6B76 - #B89A95 | 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 #5E6B76 to #B89A95

#5E6B76 #B89A95

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

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

0.0%	0.0% #5E6B76	RGB 94 107 118	#5E6B76
16.7%	16.7% #6D727B	RGB 109 114 123	#6D727B
33.3%	33.3% #7C7A80	RGB 124 122 128	#7C7A80
50.0%	50.0% #8B8285	RGB 139 130 133	#8B8285
66.7%	66.7% #9A8A8A	RGB 154 138 138	#9A8A8A
83.3%	83.3% #A9928F	RGB 169 146 143	#A9928F
100.0%	100.0% #B89A95	RGB 184 154 149	#B89A95

#5E6B76 #6D727B #7C7A80 #8B8285 #9A8A8A #A9928F #B89A95

#5E6B76 - #B89A95

HSV Blend

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

0.0%	0.0% #5E6B76	RGB 94 107 118	#5E6B76
16.7%	16.7% #676981	RGB 103 105 129	#676981
33.3%	33.3% #79708C	RGB 121 112 140	#79708C
50.0%	50.0% #917997	RGB 145 121 151	#917997
66.7%	66.7% #A2829A	RGB 162 130 154	#A2829A
83.3%	83.3% #AD8B95	RGB 173 139 149	#AD8B95
100.0%	100.0% #B89A95	RGB 184 154 149	#B89A95

#5E6B76 #676981 #79708C #917997 #A2829A #AD8B95 #B89A95

#5E6B76 - #917997 - #B89A95

CSS codes

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

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