#0E3E3C - #002517 | 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 #0E3E3C to #002517

#0E3E3C #002517

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

#0E3E3C - #002517 | 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 #0E3E3C as 0% and #002517 as 100%.

0.0%	0.0% #0E3E3C	RGB 14 62 60	#0E3E3C
16.7%	16.7% #0B3935	RGB 11 57 53	#0B3935
33.3%	33.3% #09352F	RGB 9 53 47	#09352F
50.0%	50.0% #073129	RGB 7 49 41	#073129
66.7%	66.7% #042D23	RGB 4 45 35	#042D23
83.3%	83.3% #02291D	RGB 2 41 29	#02291D
100.0%	100.0% #002517	RGB 0 37 23	#002517

#0E3E3C #0B3935 #09352F #073129 #042D23 #02291D #002517

#0E3E3C - #002517

HSV Blend

#0E3E3C - #002517 | 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 #0E3E3C as 0% and #002517 as 100%.

0.0%	0.0% #0E3E3C	RGB 14 62 60	#0E3E3C
16.7%	16.7% #0A3935	RGB 10 57 53	#0A3935
33.3%	33.3% #08352E	RGB 8 53 46	#08352E
50.0%	50.0% #053128	RGB 5 49 40	#053128
66.7%	66.7% #032D22	RGB 3 45 34	#032D22
83.3%	83.3% #01291C	RGB 1 41 28	#01291C
100.0%	100.0% #002517	RGB 0 37 23	#002517

#0E3E3C #0A3935 #08352E #053128 #032D22 #01291C #002517

#0E3E3C - #053128 - #002517

CSS codes

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

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