#0080CE - #00498E | 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 #0080CE to #00498E

#0080CE #00498E

Calculate the color between two colors, #0080CE and #00498E. 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)

#0080CE - #00498E | 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 #0080CE as 0% and #00498E as 100%.

0.0%	0.0% #0080CE	RGB 0 128 206	#0080CE
16.7%	16.7% #0076C3	RGB 0 118 195	#0076C3
33.3%	33.3% #006DB8	RGB 0 109 184	#006DB8
50.0%	50.0% #0064AE	RGB 0 100 174	#0064AE
66.7%	66.7% #005BA3	RGB 0 91 163	#005BA3
83.3%	83.3% #005298	RGB 0 82 152	#005298
100.0%	100.0% #00498E	RGB 0 73 142	#00498E

#0080CE #0076C3 #006DB8 #0064AE #005BA3 #005298 #00498E

#0080CE - #00498E

HSV Blend

#0080CE - #00498E | 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 #0080CE as 0% and #00498E as 100%.

0.0%	0.0% #0080CE	RGB 0 128 206	#0080CE
16.7%	16.7% #0075C3	RGB 0 117 195	#0075C3
33.3%	33.3% #006CB8	RGB 0 108 184	#006CB8
50.0%	50.0% #0062AE	RGB 0 98 174	#0062AE
66.7%	66.7% #0059A3	RGB 0 89 163	#0059A3
83.3%	83.3% #005198	RGB 0 81 152	#005198
100.0%	100.0% #00498E	RGB 0 73 142	#00498E

#0080CE #0075C3 #006CB8 #0062AE #0059A3 #005198 #00498E

#0080CE - #0062AE - #00498E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0080CE 0%, #0062AE 50%, #00498E 100%);
    background: -webkit-linear-gradient(top, #0080CE 0%, #0062AE 50%, #00498E 100%);
    background: linear-gradient(to bottom, #0080CE 0%, #0062AE 50%, #00498E 100%);
}
</style>