#9BAEB6 - #4D5D71 | 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 #9BAEB6 to #4D5D71

#9BAEB6 #4D5D71

Calculate the color between two colors, #9BAEB6 and #4D5D71. 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)

#9BAEB6 - #4D5D71 | 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 #9BAEB6 as 0% and #4D5D71 as 100%.

0.0%	0.0% #9BAEB6	RGB 155 174 182	#9BAEB6
16.7%	16.7% #8EA0AA	RGB 142 160 170	#8EA0AA
33.3%	33.3% #81939F	RGB 129 147 159	#81939F
50.0%	50.0% #748593	RGB 116 133 147	#748593
66.7%	66.7% #677888	RGB 103 120 136	#677888
83.3%	83.3% #5A6A7C	RGB 90 106 124	#5A6A7C
100.0%	100.0% #4D5D71	RGB 77 93 113	#4D5D71

#9BAEB6 #8EA0AA #81939F #748593 #677888 #5A6A7C #4D5D71

#9BAEB6 - #4D5D71

HSV Blend

#9BAEB6 - #4D5D71 | 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 #9BAEB6 as 0% and #4D5D71 as 100%.

0.0%	0.0% #9BAEB6	RGB 155 174 182	#9BAEB6
16.7%	16.7% #8CA0AA	RGB 140 160 170	#8CA0AA
33.3%	33.3% #7E929F	RGB 126 146 159	#7E929F
50.0%	50.0% #718493	RGB 113 132 147	#718493
66.7%	66.7% #647788	RGB 100 119 136	#647788
83.3%	83.3% #58697C	RGB 88 105 124	#58697C
100.0%	100.0% #4D5D71	RGB 77 93 113	#4D5D71

#9BAEB6 #8CA0AA #7E929F #718493 #647788 #58697C #4D5D71

#9BAEB6 - #718493 - #4D5D71

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BAEB6 0%, #718493 50%, #4D5D71 100%);
    background: -webkit-linear-gradient(top, #9BAEB6 0%, #718493 50%, #4D5D71 100%);
    background: linear-gradient(to bottom, #9BAEB6 0%, #718493 50%, #4D5D71 100%);
}
</style>