#080A0C - #1A3440 | 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 #080A0C to #1A3440

#080A0C #1A3440

Calculate the color between two colors, #080A0C and #1A3440. 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)

#080A0C - #1A3440 | 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 #080A0C as 0% and #1A3440 as 100%.

0.0%	0.0% #080A0C	RGB 8 10 12	#080A0C
16.7%	16.7% #0B1114	RGB 11 17 20	#0B1114
33.3%	33.3% #0E181D	RGB 14 24 29	#0E181D
50.0%	50.0% #111F26	RGB 17 31 38	#111F26
66.7%	66.7% #14262E	RGB 20 38 46	#14262E
83.3%	83.3% #172D37	RGB 23 45 55	#172D37
100.0%	100.0% #1A3440	RGB 26 52 64	#1A3440

#080A0C #0B1114 #0E181D #111F26 #14262E #172D37 #1A3440

#080A0C - #1A3440

HSV Blend

#080A0C - #1A3440 | 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 #080A0C as 0% and #1A3440 as 100%.

0.0%	0.0% #08090C	RGB 8 9 12	#08090C
16.7%	16.7% #0C1114	RGB 12 17 20	#0C1114
33.3%	33.3% #11171D	RGB 17 23 29	#11171D
50.0%	50.0% #141E26	RGB 20 30 38	#141E26
66.7%	66.7% #17252E	RGB 23 37 46	#17252E
83.3%	83.3% #182C37	RGB 24 44 55	#182C37
100.0%	100.0% #1A3440	RGB 26 52 64	#1A3440

#08090C #0C1114 #11171D #141E26 #17252E #182C37 #1A3440

#080A0C - #141E26 - #1A3440

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08090C 0%, #141E26 50%, #1A3440 100%);
    background: -webkit-linear-gradient(top, #08090C 0%, #141E26 50%, #1A3440 100%);
    background: linear-gradient(to bottom, #08090C 0%, #141E26 50%, #1A3440 100%);
}
</style>