#01B5EE - #0068FF | 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 #01B5EE to #0068FF

#01B5EE #0068FF

Calculate the color between two colors, #01B5EE and #0068FF. 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)

#01B5EE - #0068FF | 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 #01B5EE as 0% and #0068FF as 100%.

0.0%	0.0% #01B5EE	RGB 1 181 238	#01B5EE
16.7%	16.7% #00A8F0	RGB 0 168 240	#00A8F0
33.3%	33.3% #009BF3	RGB 0 155 243	#009BF3
50.0%	50.0% #008EF6	RGB 0 142 246	#008EF6
66.7%	66.7% #0081F9	RGB 0 129 249	#0081F9
83.3%	83.3% #0074FC	RGB 0 116 252	#0074FC
100.0%	100.0% #0068FF	RGB 0 104 255	#0068FF

#01B5EE #00A8F0 #009BF3 #008EF6 #0081F9 #0074FC #0068FF

#01B5EE - #0068FF

HSV Blend

#01B5EE - #0068FF | 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 #01B5EE as 0% and #0068FF as 100%.

0.0%	0.0% #01B4EE	RGB 1 180 238	#01B4EE
16.7%	16.7% #00A9F0	RGB 0 169 240	#00A9F0
33.3%	33.3% #009CF3	RGB 0 156 243	#009CF3
50.0%	50.0% #0090F6	RGB 0 144 246	#0090F6
66.7%	66.7% #0083F9	RGB 0 131 249	#0083F9
83.3%	83.3% #0075FC	RGB 0 117 252	#0075FC
100.0%	100.0% #0068FF	RGB 0 104 255	#0068FF

#01B4EE #00A9F0 #009CF3 #0090F6 #0083F9 #0075FC #0068FF

#01B5EE - #0090F6 - #0068FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01B4EE 0%, #0090F6 50%, #0068FF 100%);
    background: -webkit-linear-gradient(top, #01B4EE 0%, #0090F6 50%, #0068FF 100%);
    background: linear-gradient(to bottom, #01B4EE 0%, #0090F6 50%, #0068FF 100%);
}
</style>