#1A2931 - #070B0E | 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 #1A2931 to #070B0E

#1A2931 #070B0E

Calculate the color between two colors, #1A2931 and #070B0E. 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)

#1A2931 - #070B0E | 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 #1A2931 as 0% and #070B0E as 100%.

0.0%	0.0% #1A2931	RGB 26 41 49	#1A2931
16.7%	16.7% #16242B	RGB 22 36 43	#16242B
33.3%	33.3% #131F25	RGB 19 31 37	#131F25
50.0%	50.0% #101A1F	RGB 16 26 31	#101A1F
66.7%	66.7% #0D1519	RGB 13 21 25	#0D1519
83.3%	83.3% #0A1013	RGB 10 16 19	#0A1013
100.0%	100.0% #070B0E	RGB 7 11 14	#070B0E

#1A2931 #16242B #131F25 #101A1F #0D1519 #0A1013 #070B0E

#1A2931 - #070B0E

HSV Blend

#1A2931 - #070B0E | 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 #1A2931 as 0% and #070B0E as 100%.

0.0%	0.0% #1A2831	RGB 26 40 49	#1A2831
16.7%	16.7% #16232B	RGB 22 35 43	#16232B
33.3%	33.3% #131E25	RGB 19 30 37	#131E25
50.0%	50.0% #10191F	RGB 16 25 31	#10191F
66.7%	66.7% #0D1419	RGB 13 20 25	#0D1419
83.3%	83.3% #0A0F13	RGB 10 15 19	#0A0F13
100.0%	100.0% #070B0E	RGB 7 11 14	#070B0E

#1A2831 #16232B #131E25 #10191F #0D1419 #0A0F13 #070B0E

#1A2931 - #10191F - #070B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2831 0%, #10191F 50%, #070B0E 100%);
    background: -webkit-linear-gradient(top, #1A2831 0%, #10191F 50%, #070B0E 100%);
    background: linear-gradient(to bottom, #1A2831 0%, #10191F 50%, #070B0E 100%);
}
</style>