#080E3E - #21437B | 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 #080E3E to #21437B

#080E3E #21437B

Calculate the color between two colors, #080E3E and #21437B. 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)

#080E3E - #21437B | 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 #080E3E as 0% and #21437B as 100%.

0.0%	0.0% #080E3E	RGB 8 14 62	#080E3E
16.7%	16.7% #0C1648	RGB 12 22 72	#0C1648
33.3%	33.3% #101F52	RGB 16 31 82	#101F52
50.0%	50.0% #14285C	RGB 20 40 92	#14285C
66.7%	66.7% #183166	RGB 24 49 102	#183166
83.3%	83.3% #1C3A70	RGB 28 58 112	#1C3A70
100.0%	100.0% #21437B	RGB 33 67 123	#21437B

#080E3E #0C1648 #101F52 #14285C #183166 #1C3A70 #21437B

#080E3E - #21437B

HSV Blend

#080E3E - #21437B | 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 #080E3E as 0% and #21437B as 100%.

0.0%	0.0% #080E3E	RGB 8 14 62	#080E3E
16.7%	16.7% #0A1448	RGB 10 20 72	#0A1448
33.3%	33.3% #0E1C52	RGB 14 28 82	#0E1C52
50.0%	50.0% #12245C	RGB 18 36 92	#12245C
66.7%	66.7% #162D66	RGB 22 45 102	#162D66
83.3%	83.3% #1B3870	RGB 27 56 112	#1B3870
100.0%	100.0% #21437B	RGB 33 67 123	#21437B

#080E3E #0A1448 #0E1C52 #12245C #162D66 #1B3870 #21437B

#080E3E - #12245C - #21437B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080E3E 0%, #12245C 50%, #21437B 100%);
    background: -webkit-linear-gradient(top, #080E3E 0%, #12245C 50%, #21437B 100%);
    background: linear-gradient(to bottom, #080E3E 0%, #12245C 50%, #21437B 100%);
}
</style>