#1A3032 - #070D0E | 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 #1A3032 to #070D0E

#1A3032 #070D0E

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

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

0.0%	0.0% #1A3032	RGB 26 48 50	#1A3032
16.7%	16.7% #162A2C	RGB 22 42 44	#162A2C
33.3%	33.3% #132426	RGB 19 36 38	#132426
50.0%	50.0% #101E20	RGB 16 30 32	#101E20
66.7%	66.7% #0D181A	RGB 13 24 26	#0D181A
83.3%	83.3% #0A1214	RGB 10 18 20	#0A1214
100.0%	100.0% #070D0E	RGB 7 13 14	#070D0E

#1A3032 #162A2C #132426 #101E20 #0D181A #0A1214 #070D0E

#1A3032 - #070D0E

HSV Blend

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

0.0%	0.0% #1A3032	RGB 26 48 50	#1A3032
16.7%	16.7% #162A2C	RGB 22 42 44	#162A2C
33.3%	33.3% #132426	RGB 19 36 38	#132426
50.0%	50.0% #101E20	RGB 16 30 32	#101E20
66.7%	66.7% #0D181A	RGB 13 24 26	#0D181A
83.3%	83.3% #0A1214	RGB 10 18 20	#0A1214
100.0%	100.0% #070D0E	RGB 7 13 14	#070D0E

#1A3032 #162A2C #132426 #101E20 #0D181A #0A1214 #070D0E

#1A3032 - #101E20 - #070D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A3032 0%, #101E20 50%, #070D0E 100%);
    background: -webkit-linear-gradient(top, #1A3032 0%, #101E20 50%, #070D0E 100%);
    background: linear-gradient(to bottom, #1A3032 0%, #101E20 50%, #070D0E 100%);
}
</style>