#9BABAD - #458B8C | 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 #9BABAD to #458B8C

#9BABAD #458B8C

Calculate the color between two colors, #9BABAD and #458B8C. 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)

#9BABAD - #458B8C | 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 #9BABAD as 0% and #458B8C as 100%.

0.0%	0.0% #9BABAD	RGB 155 171 173	#9BABAD
16.7%	16.7% #8CA5A7	RGB 140 165 167	#8CA5A7
33.3%	33.3% #7EA0A2	RGB 126 160 162	#7EA0A2
50.0%	50.0% #709B9C	RGB 112 155 156	#709B9C
66.7%	66.7% #619597	RGB 97 149 151	#619597
83.3%	83.3% #539091	RGB 83 144 145	#539091
100.0%	100.0% #458B8C	RGB 69 139 140	#458B8C

#9BABAD #8CA5A7 #7EA0A2 #709B9C #619597 #539091 #458B8C

#9BABAD - #458B8C

HSV Blend

#9BABAD - #458B8C | 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 #9BABAD as 0% and #458B8C as 100%.

0.0%	0.0% #9BABAD	RGB 155 171 173	#9BABAD
16.7%	16.7% #8AA4A7	RGB 138 164 167	#8AA4A7
33.3%	33.3% #7B9EA2	RGB 123 158 162	#7B9EA2
50.0%	50.0% #6C999C	RGB 108 153 156	#6C999C
66.7%	66.7% #5E9497	RGB 94 148 151	#5E9497
83.3%	83.3% #518F91	RGB 81 143 145	#518F91
100.0%	100.0% #458B8C	RGB 69 139 140	#458B8C

#9BABAD #8AA4A7 #7B9EA2 #6C999C #5E9497 #518F91 #458B8C

#9BABAD - #6C999C - #458B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BABAD 0%, #6C999C 50%, #458B8C 100%);
    background: -webkit-linear-gradient(top, #9BABAD 0%, #6C999C 50%, #458B8C 100%);
    background: linear-gradient(to bottom, #9BABAD 0%, #6C999C 50%, #458B8C 100%);
}
</style>