#1A393C - #071011 | 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 #1A393C to #071011

#1A393C #071011

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

#1A393C - #071011 | 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 #1A393C as 0% and #071011 as 100%.

0.0%	0.0% #1A393C	RGB 26 57 60	#1A393C
16.7%	16.7% #163234	RGB 22 50 52	#163234
33.3%	33.3% #132B2D	RGB 19 43 45	#132B2D
50.0%	50.0% #102426	RGB 16 36 38	#102426
66.7%	66.7% #0D1D1F	RGB 13 29 31	#0D1D1F
83.3%	83.3% #0A1618	RGB 10 22 24	#0A1618
100.0%	100.0% #071011	RGB 7 16 17	#071011

#1A393C #163234 #132B2D #102426 #0D1D1F #0A1618 #071011

#1A393C - #071011

HSV Blend

#1A393C - #071011 | 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 #1A393C as 0% and #071011 as 100%.

0.0%	0.0% #1A393C	RGB 26 57 60	#1A393C
16.7%	16.7% #163234	RGB 22 50 52	#163234
33.3%	33.3% #132B2D	RGB 19 43 45	#132B2D
50.0%	50.0% #102426	RGB 16 36 38	#102426
66.7%	66.7% #0D1D1F	RGB 13 29 31	#0D1D1F
83.3%	83.3% #0A1618	RGB 10 22 24	#0A1618
100.0%	100.0% #071011	RGB 7 16 17	#071011

#1A393C #163234 #132B2D #102426 #0D1D1F #0A1618 #071011

#1A393C - #102426 - #071011

CSS codes

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

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