#9FADC0 - #4A5E7C | 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 #9FADC0 to #4A5E7C

#9FADC0 #4A5E7C

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

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

0.0%	0.0% #9FADC0	RGB 159 173 192	#9FADC0
16.7%	16.7% #909FB4	RGB 144 159 180	#909FB4
33.3%	33.3% #8292A9	RGB 130 146 169	#8292A9
50.0%	50.0% #74859E	RGB 116 133 158	#74859E
66.7%	66.7% #667892	RGB 102 120 146	#667892
83.3%	83.3% #586B87	RGB 88 107 135	#586B87
100.0%	100.0% #4A5E7C	RGB 74 94 124	#4A5E7C

#9FADC0 #909FB4 #8292A9 #74859E #667892 #586B87 #4A5E7C

#9FADC0 - #4A5E7C

HSV Blend

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

0.0%	0.0% #9FADC0	RGB 159 173 192	#9FADC0
16.7%	16.7% #8E9EB4	RGB 142 158 180	#8E9EB4
33.3%	33.3% #7F90A9	RGB 127 144 169	#7F90A9
50.0%	50.0% #70839E	RGB 112 131 158	#70839E
66.7%	66.7% #627692	RGB 98 118 146	#627692
83.3%	83.3% #556987	RGB 85 105 135	#556987
100.0%	100.0% #4A5E7C	RGB 74 94 124	#4A5E7C

#9FADC0 #8E9EB4 #7F90A9 #70839E #627692 #556987 #4A5E7C

#9FADC0 - #70839E - #4A5E7C

CSS codes

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

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