#96B2B5 - #4D6070 | 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 #96B2B5 to #4D6070

#96B2B5 #4D6070

Calculate the color between two colors, #96B2B5 and #4D6070. 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)

#96B2B5 - #4D6070 | 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 #96B2B5 as 0% and #4D6070 as 100%.

0.0%	0.0% #96B2B5	RGB 150 178 181	#96B2B5
16.7%	16.7% #89A4A9	RGB 137 164 169	#89A4A9
33.3%	33.3% #7D969E	RGB 125 150 158	#7D969E
50.0%	50.0% #718992	RGB 113 137 146	#718992
66.7%	66.7% #657B87	RGB 101 123 135	#657B87
83.3%	83.3% #596D7B	RGB 89 109 123	#596D7B
100.0%	100.0% #4D6070	RGB 77 96 112	#4D6070

#96B2B5 #89A4A9 #7D969E #718992 #657B87 #596D7B #4D6070

#96B2B5 - #4D6070

HSV Blend

#96B2B5 - #4D6070 | 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 #96B2B5 as 0% and #4D6070 as 100%.

0.0%	0.0% #96B2B5	RGB 150 178 181	#96B2B5
16.7%	16.7% #88A4A9	RGB 136 164 169	#88A4A9
33.3%	33.3% #7B969E	RGB 123 150 158	#7B969E
50.0%	50.0% #6F8892	RGB 111 136 146	#6F8892
66.7%	66.7% #637A87	RGB 99 122 135	#637A87
83.3%	83.3% #576D7B	RGB 87 109 123	#576D7B
100.0%	100.0% #4D6070	RGB 77 96 112	#4D6070

#96B2B5 #88A4A9 #7B969E #6F8892 #637A87 #576D7B #4D6070

#96B2B5 - #6F8892 - #4D6070

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96B2B5 0%, #6F8892 50%, #4D6070 100%);
    background: -webkit-linear-gradient(top, #96B2B5 0%, #6F8892 50%, #4D6070 100%);
    background: linear-gradient(to bottom, #96B2B5 0%, #6F8892 50%, #4D6070 100%);
}
</style>