#00A8FF - #005CC9 | 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 #00A8FF to #005CC9

#00A8FF #005CC9

Calculate the color between two colors, #00A8FF and #005CC9. 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)

#00A8FF - #005CC9 | 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 #00A8FF as 0% and #005CC9 as 100%.

0.0%	0.0% #00A8FF	RGB 0 168 255	#00A8FF
16.7%	16.7% #009BF6	RGB 0 155 246	#009BF6
33.3%	33.3% #008EED	RGB 0 142 237	#008EED
50.0%	50.0% #0082E4	RGB 0 130 228	#0082E4
66.7%	66.7% #0075DB	RGB 0 117 219	#0075DB
83.3%	83.3% #0068D2	RGB 0 104 210	#0068D2
100.0%	100.0% #005CC9	RGB 0 92 201	#005CC9

#00A8FF #009BF6 #008EED #0082E4 #0075DB #0068D2 #005CC9

#00A8FF - #005CC9

HSV Blend

#00A8FF - #005CC9 | 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 #00A8FF as 0% and #005CC9 as 100%.

0.0%	0.0% #00A8FF	RGB 0 168 255	#00A8FF
16.7%	16.7% #0099F6	RGB 0 153 246	#0099F6
33.3%	33.3% #008CED	RGB 0 140 237	#008CED
50.0%	50.0% #007FE4	RGB 0 127 228	#007FE4
66.7%	66.7% #0072DB	RGB 0 114 219	#0072DB
83.3%	83.3% #0067D2	RGB 0 103 210	#0067D2
100.0%	100.0% #005CC9	RGB 0 92 201	#005CC9

#00A8FF #0099F6 #008CED #007FE4 #0072DB #0067D2 #005CC9

#00A8FF - #007FE4 - #005CC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A8FF 0%, #007FE4 50%, #005CC9 100%);
    background: -webkit-linear-gradient(top, #00A8FF 0%, #007FE4 50%, #005CC9 100%);
    background: linear-gradient(to bottom, #00A8FF 0%, #007FE4 50%, #005CC9 100%);
}
</style>