#1E4E5E - #08151A | 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 #1E4E5E to #08151A

#1E4E5E #08151A

Calculate the color between two colors, #1E4E5E and #08151A. 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)

#1E4E5E - #08151A | 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 #1E4E5E as 0% and #08151A as 100%.

0.0%	0.0% #1E4E5E	RGB 30 78 94	#1E4E5E
16.7%	16.7% #1A4452	RGB 26 68 82	#1A4452
33.3%	33.3% #163B47	RGB 22 59 71	#163B47
50.0%	50.0% #13313C	RGB 19 49 60	#13313C
66.7%	66.7% #0F2830	RGB 15 40 48	#0F2830
83.3%	83.3% #0B1E25	RGB 11 30 37	#0B1E25
100.0%	100.0% #08151A	RGB 8 21 26	#08151A

#1E4E5E #1A4452 #163B47 #13313C #0F2830 #0B1E25 #08151A

#1E4E5E - #08151A

HSV Blend

#1E4E5E - #08151A | 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 #1E4E5E as 0% and #08151A as 100%.

0.0%	0.0% #1E4D5E	RGB 30 77 94	#1E4D5E
16.7%	16.7% #1A4452	RGB 26 68 82	#1A4452
33.3%	33.3% #163A47	RGB 22 58 71	#163A47
50.0%	50.0% #12313C	RGB 18 49 60	#12313C
66.7%	66.7% #0F2730	RGB 15 39 48	#0F2730
83.3%	83.3% #0B1E25	RGB 11 30 37	#0B1E25
100.0%	100.0% #08151A	RGB 8 21 26	#08151A

#1E4D5E #1A4452 #163A47 #12313C #0F2730 #0B1E25 #08151A

#1E4E5E - #12313C - #08151A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E4D5E 0%, #12313C 50%, #08151A 100%);
    background: -webkit-linear-gradient(top, #1E4D5E 0%, #12313C 50%, #08151A 100%);
    background: linear-gradient(to bottom, #1E4D5E 0%, #12313C 50%, #08151A 100%);
}
</style>