#0D3E3E - #031111 | 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 #0D3E3E to #031111

#0D3E3E #031111

Calculate the color between two colors, #0D3E3E and #031111. 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)

#0D3E3E - #031111 | 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 #0D3E3E as 0% and #031111 as 100%.

0.0%	0.0% #0D3E3E	RGB 13 62 62	#0D3E3E
16.7%	16.7% #0B3636	RGB 11 54 54	#0B3636
33.3%	33.3% #092F2F	RGB 9 47 47	#092F2F
50.0%	50.0% #082727	RGB 8 39 39	#082727
66.7%	66.7% #062020	RGB 6 32 32	#062020
83.3%	83.3% #041818	RGB 4 24 24	#041818
100.0%	100.0% #031111	RGB 3 17 17	#031111

#0D3E3E #0B3636 #092F2F #082727 #062020 #041818 #031111

#0D3E3E - #031111

HSV Blend

#0D3E3E - #031111 | 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 #0D3E3E as 0% and #031111 as 100%.

0.0%	0.0% #0C3E3E	RGB 12 62 62	#0C3E3E
16.7%	16.7% #0B3636	RGB 11 54 54	#0B3636
33.3%	33.3% #092F2F	RGB 9 47 47	#092F2F
50.0%	50.0% #072727	RGB 7 39 39	#072727
66.7%	66.7% #062020	RGB 6 32 32	#062020
83.3%	83.3% #041818	RGB 4 24 24	#041818
100.0%	100.0% #031111	RGB 3 17 17	#031111

#0C3E3E #0B3636 #092F2F #072727 #062020 #041818 #031111

#0D3E3E - #072727 - #031111

CSS codes

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

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