#16A2FF - #0054C8 | 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 #16A2FF to #0054C8

#16A2FF #0054C8

Calculate the color between two colors, #16A2FF and #0054C8. 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)

#16A2FF - #0054C8 | 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 #16A2FF as 0% and #0054C8 as 100%.

0.0%	0.0% #16A2FF	RGB 22 162 255	#16A2FF
16.7%	16.7% #1295F5	RGB 18 149 245	#1295F5
33.3%	33.3% #0E88EC	RGB 14 136 236	#0E88EC
50.0%	50.0% #0B7BE3	RGB 11 123 227	#0B7BE3
66.7%	66.7% #076EDA	RGB 7 110 218	#076EDA
83.3%	83.3% #0361D1	RGB 3 97 209	#0361D1
100.0%	100.0% #0054C8	RGB 0 84 200	#0054C8

#16A2FF #1295F5 #0E88EC #0B7BE3 #076EDA #0361D1 #0054C8

#16A2FF - #0054C8

HSV Blend

#16A2FF - #0054C8 | 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 #16A2FF as 0% and #0054C8 as 100%.

0.0%	0.0% #15A1FF	RGB 21 161 255	#15A1FF
16.7%	16.7% #1193F5	RGB 17 147 245	#1193F5
33.3%	33.3% #0D86EC	RGB 13 134 236	#0D86EC
50.0%	50.0% #0978E3	RGB 9 120 227	#0978E3
66.7%	66.7% #066CDA	RGB 6 108 218	#066CDA
83.3%	83.3% #035FD1	RGB 3 95 209	#035FD1
100.0%	100.0% #0054C8	RGB 0 84 200	#0054C8

#15A1FF #1193F5 #0D86EC #0978E3 #066CDA #035FD1 #0054C8

#16A2FF - #0978E3 - #0054C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15A1FF 0%, #0978E3 50%, #0054C8 100%);
    background: -webkit-linear-gradient(top, #15A1FF 0%, #0978E3 50%, #0054C8 100%);
    background: linear-gradient(to bottom, #15A1FF 0%, #0978E3 50%, #0054C8 100%);
}
</style>