#1D1E3C - #00110B | 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 #1D1E3C to #00110B

#1D1E3C #00110B

Calculate the color between two colors, #1D1E3C and #00110B. 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)

#1D1E3C - #00110B | 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 #1D1E3C as 0% and #00110B as 100%.

0.0%	0.0% #1D1E3C	RGB 29 30 60	#1D1E3C
16.7%	16.7% #181B33	RGB 24 27 51	#181B33
33.3%	33.3% #13192B	RGB 19 25 43	#13192B
50.0%	50.0% #0E1723	RGB 14 23 35	#0E1723
66.7%	66.7% #09151B	RGB 9 21 27	#09151B
83.3%	83.3% #041313	RGB 4 19 19	#041313
100.0%	100.0% #00110B	RGB 0 17 11	#00110B

#1D1E3C #181B33 #13192B #0E1723 #09151B #041313 #00110B

#1D1E3C - #00110B

HSV Blend

#1D1E3C - #00110B | 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 #1D1E3C as 0% and #00110B as 100%.

0.0%	0.0% #1D1D3C	RGB 29 29 60	#1D1D3C
16.7%	16.7% #151D34	RGB 21 29 52	#151D34
33.3%	33.3% #0E1D2D	RGB 14 29 45	#0E1D2D
50.0%	50.0% #091D26	RGB 9 29 38	#091D26
66.7%	66.7% #051D1F	RGB 5 29 31	#051D1F
83.3%	83.3% #011815	RGB 1 24 21	#011815
100.0%	100.0% #00110B	RGB 0 17 11	#00110B

#1D1D3C #151D34 #0E1D2D #091D26 #051D1F #011815 #00110B

#1D1E3C - #091D26 - #00110B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D1D3C 0%, #091D26 50%, #00110B 100%);
    background: -webkit-linear-gradient(top, #1D1D3C 0%, #091D26 50%, #00110B 100%);
    background: linear-gradient(to bottom, #1D1D3C 0%, #091D26 50%, #00110B 100%);
}
</style>