#1F232C - #000B0D | 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 #1F232C to #000B0D

#1F232C #000B0D

Calculate the color between two colors, #1F232C and #000B0D. 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)

#1F232C - #000B0D | 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 #1F232C as 0% and #000B0D as 100%.

0.0%	0.0% #1F232C	RGB 31 35 44	#1F232C
16.7%	16.7% #191F26	RGB 25 31 38	#191F26
33.3%	33.3% #141B21	RGB 20 27 33	#141B21
50.0%	50.0% #0F171C	RGB 15 23 28	#0F171C
66.7%	66.7% #0A1317	RGB 10 19 23	#0A1317
83.3%	83.3% #050F12	RGB 5 15 18	#050F12
100.0%	100.0% #000B0D	RGB 0 11 13	#000B0D

#1F232C #191F26 #141B21 #0F171C #0A1317 #050F12 #000B0D

#1F232C - #000B0D

HSV Blend

#1F232C - #000B0D | 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 #1F232C as 0% and #000B0D as 100%.

0.0%	0.0% #1F222C	RGB 31 34 44	#1F222C
16.7%	16.7% #161D26	RGB 22 29 38	#161D26
33.3%	33.3% #0F1821	RGB 15 24 33	#0F1821
50.0%	50.0% #0A141C	RGB 10 20 28	#0A141C
66.7%	66.7% #051117	RGB 5 17 23	#051117
83.3%	83.3% #020E12	RGB 2 14 18	#020E12
100.0%	100.0% #000B0D	RGB 0 11 13	#000B0D

#1F222C #161D26 #0F1821 #0A141C #051117 #020E12 #000B0D

#1F232C - #0A141C - #000B0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F222C 0%, #0A141C 50%, #000B0D 100%);
    background: -webkit-linear-gradient(top, #1F222C 0%, #0A141C 50%, #000B0D 100%);
    background: linear-gradient(to bottom, #1F222C 0%, #0A141C 50%, #000B0D 100%);
}
</style>