#00B0FF - #0064CE | 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 #00B0FF to #0064CE

#00B0FF #0064CE

Calculate the color between two colors, #00B0FF and #0064CE. 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)

#00B0FF - #0064CE | 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 #00B0FF as 0% and #0064CE as 100%.

0.0%	0.0% #00B0FF	RGB 0 176 255	#00B0FF
16.7%	16.7% #00A3F6	RGB 0 163 246	#00A3F6
33.3%	33.3% #0096EE	RGB 0 150 238	#0096EE
50.0%	50.0% #008AE6	RGB 0 138 230	#008AE6
66.7%	66.7% #007DDE	RGB 0 125 222	#007DDE
83.3%	83.3% #0070D6	RGB 0 112 214	#0070D6
100.0%	100.0% #0064CE	RGB 0 100 206	#0064CE

#00B0FF #00A3F6 #0096EE #008AE6 #007DDE #0070D6 #0064CE

#00B0FF - #0064CE

HSV Blend

#00B0FF - #0064CE | 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 #00B0FF as 0% and #0064CE as 100%.

0.0%	0.0% #00B0FF	RGB 0 176 255	#00B0FF
16.7%	16.7% #00A1F6	RGB 0 161 246	#00A1F6
33.3%	33.3% #0094EE	RGB 0 148 238	#0094EE
50.0%	50.0% #0087E6	RGB 0 135 230	#0087E6
66.7%	66.7% #007BDE	RGB 0 123 222	#007BDE
83.3%	83.3% #006FD6	RGB 0 111 214	#006FD6
100.0%	100.0% #0064CE	RGB 0 100 206	#0064CE

#00B0FF #00A1F6 #0094EE #0087E6 #007BDE #006FD6 #0064CE

#00B0FF - #0087E6 - #0064CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B0FF 0%, #0087E6 50%, #0064CE 100%);
    background: -webkit-linear-gradient(top, #00B0FF 0%, #0087E6 50%, #0064CE 100%);
    background: linear-gradient(to bottom, #00B0FF 0%, #0087E6 50%, #0064CE 100%);
}
</style>