#080C08 - #1B393E | 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 #080C08 to #1B393E

#080C08 #1B393E

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

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

0.0%	0.0% #080C08	RGB 8 12 8	#080C08
16.7%	16.7% #0B1311	RGB 11 19 17	#0B1311
33.3%	33.3% #0E1B1A	RGB 14 27 26	#0E1B1A
50.0%	50.0% #112223	RGB 17 34 35	#112223
66.7%	66.7% #142A2C	RGB 20 42 44	#142A2C
83.3%	83.3% #173135	RGB 23 49 53	#173135
100.0%	100.0% #1B393E	RGB 27 57 62	#1B393E

#080C08 #0B1311 #0E1B1A #112223 #142A2C #173135 #1B393E

#080C08 - #1B393E

HSV Blend

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

0.0%	0.0% #080C08	RGB 8 12 8	#080C08
16.7%	16.7% #0C140E	RGB 12 20 14	#0C140E
33.3%	33.3% #101C15	RGB 16 28 21	#101C15
50.0%	50.0% #14251D	RGB 20 37 29	#14251D
66.7%	66.7% #172D28	RGB 23 45 40	#172D28
83.3%	83.3% #193534	RGB 25 53 52	#193534
100.0%	100.0% #1B393E	RGB 27 57 62	#1B393E

#080C08 #0C140E #101C15 #14251D #172D28 #193534 #1B393E

#080C08 - #14251D - #1B393E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080C08 0%, #14251D 50%, #1B393E 100%);
    background: -webkit-linear-gradient(top, #080C08 0%, #14251D 50%, #1B393E 100%);
    background: linear-gradient(to bottom, #080C08 0%, #14251D 50%, #1B393E 100%);
}
</style>