#9FADE7 - #4059AE | 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 #9FADE7 to #4059AE

#9FADE7 #4059AE

Calculate the color between two colors, #9FADE7 and #4059AE. 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)

#9FADE7 - #4059AE | 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 #9FADE7 as 0% and #4059AE as 100%.

0.0%	0.0% #9FADE7	RGB 159 173 231	#9FADE7
16.7%	16.7% #8F9FDD	RGB 143 159 221	#8F9FDD
33.3%	33.3% #7F91D4	RGB 127 145 212	#7F91D4
50.0%	50.0% #6F83CA	RGB 111 131 202	#6F83CA
66.7%	66.7% #5F75C1	RGB 95 117 193	#5F75C1
83.3%	83.3% #4F67B7	RGB 79 103 183	#4F67B7
100.0%	100.0% #4059AE	RGB 64 89 174	#4059AE

#9FADE7 #8F9FDD #7F91D4 #6F83CA #5F75C1 #4F67B7 #4059AE

#9FADE7 - #4059AE

HSV Blend

#9FADE7 - #4059AE | 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 #9FADE7 as 0% and #4059AE as 100%.

0.0%	0.0% #9FADE7	RGB 159 173 231	#9FADE7
16.7%	16.7% #8C9CDD	RGB 140 156 221	#8C9CDD
33.3%	33.3% #7B8DD4	RGB 123 141 212	#7B8DD4
50.0%	50.0% #6A7FCA	RGB 106 127 202	#6A7FCA
66.7%	66.7% #5B71C1	RGB 91 113 193	#5B71C1
83.3%	83.3% #4D64B7	RGB 77 100 183	#4D64B7
100.0%	100.0% #4059AE	RGB 64 89 174	#4059AE

#9FADE7 #8C9CDD #7B8DD4 #6A7FCA #5B71C1 #4D64B7 #4059AE

#9FADE7 - #6A7FCA - #4059AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FADE7 0%, #6A7FCA 50%, #4059AE 100%);
    background: -webkit-linear-gradient(top, #9FADE7 0%, #6A7FCA 50%, #4059AE 100%);
    background: linear-gradient(to bottom, #9FADE7 0%, #6A7FCA 50%, #4059AE 100%);
}
</style>