#0094B2 - #144B5D | 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 #0094B2 to #144B5D

#0094B2 #144B5D

Calculate the color between two colors, #0094B2 and #144B5D. 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)

#0094B2 - #144B5D | 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 #0094B2 as 0% and #144B5D as 100%.

0.0%	0.0% #0094B2	RGB 0 148 178	#0094B2
16.7%	16.7% #0387A3	RGB 3 135 163	#0387A3
33.3%	33.3% #067B95	RGB 6 123 149	#067B95
50.0%	50.0% #0A6F87	RGB 10 111 135	#0A6F87
66.7%	66.7% #0D6379	RGB 13 99 121	#0D6379
83.3%	83.3% #10576B	RGB 16 87 107	#10576B
100.0%	100.0% #144B5D	RGB 20 75 93	#144B5D

#0094B2 #0387A3 #067B95 #0A6F87 #0D6379 #10576B #144B5D

#0094B2 - #144B5D

HSV Blend

#0094B2 - #144B5D | 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 #0094B2 as 0% and #144B5D as 100%.

0.0%	0.0% #0094B2	RGB 0 148 178	#0094B2
16.7%	16.7% #0587A3	RGB 5 135 163	#0587A3
33.3%	33.3% #0A7A95	RGB 10 122 149	#0A7A95
50.0%	50.0% #0E6E87	RGB 14 110 135	#0E6E87
66.7%	66.7% #116279	RGB 17 98 121	#116279
83.3%	83.3% #13566B	RGB 19 86 107	#13566B
100.0%	100.0% #144B5D	RGB 20 75 93	#144B5D

#0094B2 #0587A3 #0A7A95 #0E6E87 #116279 #13566B #144B5D

#0094B2 - #0E6E87 - #144B5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0094B2 0%, #0E6E87 50%, #144B5D 100%);
    background: -webkit-linear-gradient(top, #0094B2 0%, #0E6E87 50%, #144B5D 100%);
    background: linear-gradient(to bottom, #0094B2 0%, #0E6E87 50%, #144B5D 100%);
}
</style>