#0AB5E1 - #006BA4 | 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 #0AB5E1 to #006BA4

#0AB5E1 #006BA4

Calculate the color between two colors, #0AB5E1 and #006BA4. 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)

#0AB5E1 - #006BA4 | 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 #0AB5E1 as 0% and #006BA4 as 100%.

0.0%	0.0% #0AB5E1	RGB 10 181 225	#0AB5E1
16.7%	16.7% #08A8D6	RGB 8 168 214	#08A8D6
33.3%	33.3% #069CCC	RGB 6 156 204	#069CCC
50.0%	50.0% #0590C2	RGB 5 144 194	#0590C2
66.7%	66.7% #0383B8	RGB 3 131 184	#0383B8
83.3%	83.3% #0177AE	RGB 1 119 174	#0177AE
100.0%	100.0% #006BA4	RGB 0 107 164	#006BA4

#0AB5E1 #08A8D6 #069CCC #0590C2 #0383B8 #0177AE #006BA4

#0AB5E1 - #006BA4

HSV Blend

#0AB5E1 - #006BA4 | 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 #0AB5E1 as 0% and #006BA4 as 100%.

0.0%	0.0% #0AB5E1	RGB 10 181 225	#0AB5E1
16.7%	16.7% #07A7D6	RGB 7 167 214	#07A7D6
33.3%	33.3% #069ACC	RGB 6 154 204	#069ACC
50.0%	50.0% #048DC2	RGB 4 141 194	#048DC2
66.7%	66.7% #0281B8	RGB 2 129 184	#0281B8
83.3%	83.3% #0176AE	RGB 1 118 174	#0176AE
100.0%	100.0% #006BA4	RGB 0 107 164	#006BA4

#0AB5E1 #07A7D6 #069ACC #048DC2 #0281B8 #0176AE #006BA4

#0AB5E1 - #048DC2 - #006BA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0AB5E1 0%, #048DC2 50%, #006BA4 100%);
    background: -webkit-linear-gradient(top, #0AB5E1 0%, #048DC2 50%, #006BA4 100%);
    background: linear-gradient(to bottom, #0AB5E1 0%, #048DC2 50%, #006BA4 100%);
}
</style>