#5E9798 - #BBB4B5 | 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 #5E9798 to #BBB4B5

#5E9798 #BBB4B5

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

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

0.0%	0.0% #5E9798	RGB 94 151 152	#5E9798
16.7%	16.7% #6D9B9C	RGB 109 155 156	#6D9B9C
33.3%	33.3% #7DA0A1	RGB 125 160 161	#7DA0A1
50.0%	50.0% #8CA5A6	RGB 140 165 166	#8CA5A6
66.7%	66.7% #9CAAAB	RGB 156 170 171	#9CAAAB
83.3%	83.3% #ABAFB0	RGB 171 175 176	#ABAFB0
100.0%	100.0% #BBB4B5	RGB 187 180 181	#BBB4B5

#5E9798 #6D9B9C #7DA0A1 #8CA5A6 #9CAAAB #ABAFB0 #BBB4B5

#5E9798 - #BBB4B5

HSV Blend

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

0.0%	0.0% #5E9798	RGB 94 151 152	#5E9798
16.7%	16.7% #6A849D	RGB 106 132 157	#6A849D
33.3%	33.3% #7779A3	RGB 119 121 163	#7779A3
50.0%	50.0% #9585A9	RGB 149 133 169	#9585A9
66.7%	66.7% #AC94AF	RGB 172 148 175	#AC94AF
83.3%	83.3% #B5A3AE	RGB 181 163 174	#B5A3AE
100.0%	100.0% #BBB4B5	RGB 187 180 181	#BBB4B5

#5E9798 #6A849D #7779A3 #9585A9 #AC94AF #B5A3AE #BBB4B5

#5E9798 - #9585A9 - #BBB4B5

CSS codes

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

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