#01B2FF - #0066CF | 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 #01B2FF to #0066CF

#01B2FF #0066CF

Calculate the color between two colors, #01B2FF and #0066CF. 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)

#01B2FF - #0066CF | 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 #01B2FF as 0% and #0066CF as 100%.

0.0%	0.0% #01B2FF	RGB 1 178 255	#01B2FF
16.7%	16.7% #00A5F7	RGB 0 165 247	#00A5F7
33.3%	33.3% #0098EF	RGB 0 152 239	#0098EF
50.0%	50.0% #008CE7	RGB 0 140 231	#008CE7
66.7%	66.7% #007FDF	RGB 0 127 223	#007FDF
83.3%	83.3% #0072D7	RGB 0 114 215	#0072D7
100.0%	100.0% #0066CF	RGB 0 102 207	#0066CF

#01B2FF #00A5F7 #0098EF #008CE7 #007FDF #0072D7 #0066CF

#01B2FF - #0066CF

HSV Blend

#01B2FF - #0066CF | 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 #01B2FF as 0% and #0066CF as 100%.

0.0%	0.0% #00B1FF	RGB 0 177 255	#00B1FF
16.7%	16.7% #00A3F7	RGB 0 163 247	#00A3F7
33.3%	33.3% #0096EF	RGB 0 150 239	#0096EF
50.0%	50.0% #0089E7	RGB 0 137 231	#0089E7
66.7%	66.7% #007DDF	RGB 0 125 223	#007DDF
83.3%	83.3% #0071D7	RGB 0 113 215	#0071D7
100.0%	100.0% #0066CF	RGB 0 102 207	#0066CF

#00B1FF #00A3F7 #0096EF #0089E7 #007DDF #0071D7 #0066CF

#01B2FF - #0089E7 - #0066CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B1FF 0%, #0089E7 50%, #0066CF 100%);
    background: -webkit-linear-gradient(top, #00B1FF 0%, #0089E7 50%, #0066CF 100%);
    background: linear-gradient(to bottom, #00B1FF 0%, #0089E7 50%, #0066CF 100%);
}
</style>