#7FADE9 - #2B5AB1 | 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 #7FADE9 to #2B5AB1

#7FADE9 #2B5AB1

Calculate the color between two colors, #7FADE9 and #2B5AB1. 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)

#7FADE9 - #2B5AB1 | 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 #7FADE9 as 0% and #2B5AB1 as 100%.

0.0%	0.0% #7FADE9	RGB 127 173 233	#7FADE9
16.7%	16.7% #719FDF	RGB 113 159 223	#719FDF
33.3%	33.3% #6391D6	RGB 99 145 214	#6391D6
50.0%	50.0% #5583CD	RGB 85 131 205	#5583CD
66.7%	66.7% #4775C3	RGB 71 117 195	#4775C3
83.3%	83.3% #3967BA	RGB 57 103 186	#3967BA
100.0%	100.0% #2B5AB1	RGB 43 90 177	#2B5AB1

#7FADE9 #719FDF #6391D6 #5583CD #4775C3 #3967BA #2B5AB1

#7FADE9 - #2B5AB1

HSV Blend

#7FADE9 - #2B5AB1 | 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 #7FADE9 as 0% and #2B5AB1 as 100%.

0.0%	0.0% #7FADE9	RGB 127 173 233	#7FADE9
16.7%	16.7% #6E9EDF	RGB 110 158 223	#6E9EDF
33.3%	33.3% #5F8FD6	RGB 95 143 214	#5F8FD6
50.0%	50.0% #5081CD	RGB 80 129 205	#5081CD
66.7%	66.7% #4373C3	RGB 67 115 195	#4373C3
83.3%	83.3% #3666BA	RGB 54 102 186	#3666BA
100.0%	100.0% #2B5AB1	RGB 43 90 177	#2B5AB1

#7FADE9 #6E9EDF #5F8FD6 #5081CD #4373C3 #3666BA #2B5AB1

#7FADE9 - #5081CD - #2B5AB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FADE9 0%, #5081CD 50%, #2B5AB1 100%);
    background: -webkit-linear-gradient(top, #7FADE9 0%, #5081CD 50%, #2B5AB1 100%);
    background: linear-gradient(to bottom, #7FADE9 0%, #5081CD 50%, #2B5AB1 100%);
}
</style>