#80ADEB - #2B5AB4 | 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 #80ADEB to #2B5AB4

#80ADEB #2B5AB4

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

#80ADEB - #2B5AB4 | 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 #80ADEB as 0% and #2B5AB4 as 100%.

0.0%	0.0% #80ADEB	RGB 128 173 235	#80ADEB
16.7%	16.7% #719FE1	RGB 113 159 225	#719FE1
33.3%	33.3% #6391D8	RGB 99 145 216	#6391D8
50.0%	50.0% #5583CF	RGB 85 131 207	#5583CF
66.7%	66.7% #4775C6	RGB 71 117 198	#4775C6
83.3%	83.3% #3967BD	RGB 57 103 189	#3967BD
100.0%	100.0% #2B5AB4	RGB 43 90 180	#2B5AB4

#80ADEB #719FE1 #6391D8 #5583CF #4775C6 #3967BD #2B5AB4

#80ADEB - #2B5AB4

HSV Blend

#80ADEB - #2B5AB4 | 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 #80ADEB as 0% and #2B5AB4 as 100%.

0.0%	0.0% #80ACEB	RGB 128 172 235	#80ACEB
16.7%	16.7% #6F9EE1	RGB 111 158 225	#6F9EE1
33.3%	33.3% #5F8FD8	RGB 95 143 216	#5F8FD8
50.0%	50.0% #5181CF	RGB 81 129 207	#5181CF
66.7%	66.7% #4373C6	RGB 67 115 198	#4373C6
83.3%	83.3% #3666BD	RGB 54 102 189	#3666BD
100.0%	100.0% #2B5AB4	RGB 43 90 180	#2B5AB4

#80ACEB #6F9EE1 #5F8FD8 #5181CF #4373C6 #3666BD #2B5AB4

#80ADEB - #5181CF - #2B5AB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80ACEB 0%, #5181CF 50%, #2B5AB4 100%);
    background: -webkit-linear-gradient(top, #80ACEB 0%, #5181CF 50%, #2B5AB4 100%);
    background: linear-gradient(to bottom, #80ACEB 0%, #5181CF 50%, #2B5AB4 100%);
}
</style>