#003C3E - #1B080B | 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 #003C3E to #1B080B

#003C3E #1B080B

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

#003C3E - #1B080B | 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 #003C3E as 0% and #1B080B as 100%.

0.0%	0.0% #003C3E	RGB 0 60 62	#003C3E
16.7%	16.7% #043335	RGB 4 51 53	#043335
33.3%	33.3% #092A2D	RGB 9 42 45	#092A2D
50.0%	50.0% #0D2224	RGB 13 34 36	#0D2224
66.7%	66.7% #12191C	RGB 18 25 28	#12191C
83.3%	83.3% #161013	RGB 22 16 19	#161013
100.0%	100.0% #1B080B	RGB 27 8 11	#1B080B

#003C3E #043335 #092A2D #0D2224 #12191C #161013 #1B080B

#003C3E - #1B080B

HSV Blend

#003C3E - #1B080B | 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 #003C3E as 0% and #1B080B as 100%.

0.0%	0.0% #003C3E	RGB 0 60 62	#003C3E
16.7%	16.7% #021D38	RGB 2 29 56	#021D38
33.3%	33.3% #040632	RGB 4 6 50	#040632
50.0%	50.0% #17062C	RGB 23 6 44	#17062C
66.7%	66.7% #230726	RGB 35 7 38	#230726
83.3%	83.3% #200817	RGB 32 8 23	#200817
100.0%	100.0% #1B080B	RGB 27 8 11	#1B080B

#003C3E #021D38 #040632 #17062C #230726 #200817 #1B080B

#003C3E - #17062C - #1B080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003C3E 0%, #17062C 50%, #1B080B 100%);
    background: -webkit-linear-gradient(top, #003C3E 0%, #17062C 50%, #1B080B 100%);
    background: linear-gradient(to bottom, #003C3E 0%, #17062C 50%, #1B080B 100%);
}
</style>