#000CDA - #00033E | 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 #000CDA to #00033E

#000CDA #00033E

Calculate the color between two colors, #000CDA and #00033E. 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)

#000CDA - #00033E | 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 #000CDA as 0% and #00033E as 100%.

0.0%	0.0% #000CDA	RGB 0 12 218	#000CDA
16.7%	16.7% #000AC0	RGB 0 10 192	#000AC0
33.3%	33.3% #0009A6	RGB 0 9 166	#0009A6
50.0%	50.0% #00078C	RGB 0 7 140	#00078C
66.7%	66.7% #000672	RGB 0 6 114	#000672
83.3%	83.3% #000458	RGB 0 4 88	#000458
100.0%	100.0% #00033E	RGB 0 3 62	#00033E

#000CDA #000AC0 #0009A6 #00078C #000672 #000458 #00033E

#000CDA - #00033E

HSV Blend

#000CDA - #00033E | 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 #000CDA as 0% and #00033E as 100%.

0.0%	0.0% #000CDA	RGB 0 12 218	#000CDA
16.7%	16.7% #000AC0	RGB 0 10 192	#000AC0
33.3%	33.3% #0008A6	RGB 0 8 166	#0008A6
50.0%	50.0% #00078C	RGB 0 7 140	#00078C
66.7%	66.7% #000572	RGB 0 5 114	#000572
83.3%	83.3% #000458	RGB 0 4 88	#000458
100.0%	100.0% #00033E	RGB 0 3 62	#00033E

#000CDA #000AC0 #0008A6 #00078C #000572 #000458 #00033E

#000CDA - #00078C - #00033E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000CDA 0%, #00078C 50%, #00033E 100%);
    background: -webkit-linear-gradient(top, #000CDA 0%, #00078C 50%, #00033E 100%);
    background: linear-gradient(to bottom, #000CDA 0%, #00078C 50%, #00033E 100%);
}
</style>