#1E2B3C - #080D0D | 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 #1E2B3C to #080D0D

#1E2B3C #080D0D

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

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

0.0%	0.0% #1E2B3C	RGB 30 43 60	#1E2B3C
16.7%	16.7% #1A2634	RGB 26 38 52	#1A2634
33.3%	33.3% #16212C	RGB 22 33 44	#16212C
50.0%	50.0% #131C24	RGB 19 28 36	#131C24
66.7%	66.7% #0F171C	RGB 15 23 28	#0F171C
83.3%	83.3% #0B1214	RGB 11 18 20	#0B1214
100.0%	100.0% #080D0D	RGB 8 13 13	#080D0D

#1E2B3C #1A2634 #16212C #131C24 #0F171C #0B1214 #080D0D

#1E2B3C - #080D0D

HSV Blend

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

0.0%	0.0% #1E2B3C	RGB 30 43 60	#1E2B3C
16.7%	16.7% #1B2834	RGB 27 40 52	#1B2834
33.3%	33.3% #17242C	RGB 23 36 44	#17242C
50.0%	50.0% #141F24	RGB 20 31 36	#141F24
66.7%	66.7% #101A1C	RGB 16 26 28	#101A1C
83.3%	83.3% #0C1414	RGB 12 20 20	#0C1414
100.0%	100.0% #080D0D	RGB 8 13 13	#080D0D

#1E2B3C #1B2834 #17242C #141F24 #101A1C #0C1414 #080D0D

#1E2B3C - #141F24 - #080D0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2B3C 0%, #141F24 50%, #080D0D 100%);
    background: -webkit-linear-gradient(top, #1E2B3C 0%, #141F24 50%, #080D0D 100%);
    background: linear-gradient(to bottom, #1E2B3C 0%, #141F24 50%, #080D0D 100%);
}
</style>