#96A8B5 - #4D5570 | 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 #96A8B5 to #4D5570

#96A8B5 #4D5570

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

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

0.0%	0.0% #96A8B5	RGB 150 168 181	#96A8B5
16.7%	16.7% #899AA9	RGB 137 154 169	#899AA9
33.3%	33.3% #7D8C9E	RGB 125 140 158	#7D8C9E
50.0%	50.0% #717E92	RGB 113 126 146	#717E92
66.7%	66.7% #657087	RGB 101 112 135	#657087
83.3%	83.3% #59627B	RGB 89 98 123	#59627B
100.0%	100.0% #4D5570	RGB 77 85 112	#4D5570

#96A8B5 #899AA9 #7D8C9E #717E92 #657087 #59627B #4D5570

#96A8B5 - #4D5570

HSV Blend

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

0.0%	0.0% #96A8B5	RGB 150 168 181	#96A8B5
16.7%	16.7% #8899A9	RGB 136 153 169	#8899A9
33.3%	33.3% #7B8B9E	RGB 123 139 158	#7B8B9E
50.0%	50.0% #6F7D92	RGB 111 125 146	#6F7D92
66.7%	66.7% #636F87	RGB 99 111 135	#636F87
83.3%	83.3% #57627B	RGB 87 98 123	#57627B
100.0%	100.0% #4D5570	RGB 77 85 112	#4D5570

#96A8B5 #8899A9 #7B8B9E #6F7D92 #636F87 #57627B #4D5570

#96A8B5 - #6F7D92 - #4D5570

CSS codes

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

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