#121B2B - #00080B | 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 #121B2B to #00080B

#121B2B #00080B

Calculate the color between two colors, #121B2B and #00080B. 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)

#121B2B - #00080B | 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 #121B2B as 0% and #00080B as 100%.

0.0%	0.0% #121B2B	RGB 18 27 43	#121B2B
16.7%	16.7% #0F1725	RGB 15 23 37	#0F1725
33.3%	33.3% #0C1420	RGB 12 20 32	#0C1420
50.0%	50.0% #09111B	RGB 9 17 27	#09111B
66.7%	66.7% #060E15	RGB 6 14 21	#060E15
83.3%	83.3% #030B10	RGB 3 11 16	#030B10
100.0%	100.0% #00080B	RGB 0 8 11	#00080B

#121B2B #0F1725 #0C1420 #09111B #060E15 #030B10 #00080B

#121B2B - #00080B

HSV Blend

#121B2B - #00080B | 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 #121B2B as 0% and #00080B as 100%.

0.0%	0.0% #121A2B	RGB 18 26 43	#121A2B
16.7%	16.7% #0D1725	RGB 13 23 37	#0D1725
33.3%	33.3% #091420	RGB 9 20 32	#091420
50.0%	50.0% #05111B	RGB 5 17 27	#05111B
66.7%	66.7% #030E15	RGB 3 14 21	#030E15
83.3%	83.3% #010B10	RGB 1 11 16	#010B10
100.0%	100.0% #00080B	RGB 0 8 11	#00080B

#121A2B #0D1725 #091420 #05111B #030E15 #010B10 #00080B

#121B2B - #05111B - #00080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #121A2B 0%, #05111B 50%, #00080B 100%);
    background: -webkit-linear-gradient(top, #121A2B 0%, #05111B 50%, #00080B 100%);
    background: linear-gradient(to bottom, #121A2B 0%, #05111B 50%, #00080B 100%);
}
</style>