#0098DC - #002A3E | 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 #0098DC to #002A3E

#0098DC #002A3E

Calculate the color between two colors, #0098DC and #002A3E. 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)

#0098DC - #002A3E | 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 #0098DC as 0% and #002A3E as 100%.

0.0%	0.0% #0098DC	RGB 0 152 220	#0098DC
16.7%	16.7% #0085C1	RGB 0 133 193	#0085C1
33.3%	33.3% #0073A7	RGB 0 115 167	#0073A7
50.0%	50.0% #00618D	RGB 0 97 141	#00618D
66.7%	66.7% #004E72	RGB 0 78 114	#004E72
83.3%	83.3% #003C58	RGB 0 60 88	#003C58
100.0%	100.0% #002A3E	RGB 0 42 62	#002A3E

#0098DC #0085C1 #0073A7 #00618D #004E72 #003C58 #002A3E

#0098DC - #002A3E

HSV Blend

#0098DC - #002A3E | 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 #0098DC as 0% and #002A3E as 100%.

0.0%	0.0% #0097DC	RGB 0 151 220	#0097DC
16.7%	16.7% #0085C1	RGB 0 133 193	#0085C1
33.3%	33.3% #0072A7	RGB 0 114 167	#0072A7
50.0%	50.0% #00608D	RGB 0 96 141	#00608D
66.7%	66.7% #004E72	RGB 0 78 114	#004E72
83.3%	83.3% #003C58	RGB 0 60 88	#003C58
100.0%	100.0% #002A3E	RGB 0 42 62	#002A3E

#0097DC #0085C1 #0072A7 #00608D #004E72 #003C58 #002A3E

#0098DC - #00608D - #002A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0097DC 0%, #00608D 50%, #002A3E 100%);
    background: -webkit-linear-gradient(top, #0097DC 0%, #00608D 50%, #002A3E 100%);
    background: linear-gradient(to bottom, #0097DC 0%, #00608D 50%, #002A3E 100%);
}
</style>