#0D1A30 - #020809 | 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 #0D1A30 to #020809

#0D1A30 #020809

Calculate the color between two colors, #0D1A30 and #020809. 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)

#0D1A30 - #020809 | 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 #0D1A30 as 0% and #020809 as 100%.

0.0%	0.0% #0D1A30	RGB 13 26 48	#0D1A30
16.7%	16.7% #0B1729	RGB 11 23 41	#0B1729
33.3%	33.3% #091423	RGB 9 20 35	#091423
50.0%	50.0% #07111C	RGB 7 17 28	#07111C
66.7%	66.7% #050E16	RGB 5 14 22	#050E16
83.3%	83.3% #030B0F	RGB 3 11 15	#030B0F
100.0%	100.0% #020809	RGB 2 8 9	#020809

#0D1A30 #0B1729 #091423 #07111C #050E16 #030B0F #020809

#0D1A30 - #020809

HSV Blend

#0D1A30 - #020809 | 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 #0D1A30 as 0% and #020809 as 100%.

0.0%	0.0% #0D1A30	RGB 13 26 48	#0D1A30
16.7%	16.7% #0A1829	RGB 10 24 41	#0A1829
33.3%	33.3% #081623	RGB 8 22 35	#081623
50.0%	50.0% #07141C	RGB 7 20 28	#07141C
66.7%	66.7% #051016	RGB 5 16 22	#051016
83.3%	83.3% #030C0F	RGB 3 12 15	#030C0F
100.0%	100.0% #020809	RGB 2 8 9	#020809

#0D1A30 #0A1829 #081623 #07141C #051016 #030C0F #020809

#0D1A30 - #07141C - #020809

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D1A30 0%, #07141C 50%, #020809 100%);
    background: -webkit-linear-gradient(top, #0D1A30 0%, #07141C 50%, #020809 100%);
    background: linear-gradient(to bottom, #0D1A30 0%, #07141C 50%, #020809 100%);
}
</style>