#2D4A49 - #002E2F | 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 #2D4A49 to #002E2F

#2D4A49 #002E2F

Calculate the color between two colors, #2D4A49 and #002E2F. 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)

#2D4A49 - #002E2F | 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 #2D4A49 as 0% and #002E2F as 100%.

0.0%	0.0% #2D4A49	RGB 45 74 73	#2D4A49
16.7%	16.7% #254544	RGB 37 69 68	#254544
33.3%	33.3% #1E4040	RGB 30 64 64	#1E4040
50.0%	50.0% #163C3C	RGB 22 60 60	#163C3C
66.7%	66.7% #0E3737	RGB 14 55 55	#0E3737
83.3%	83.3% #073233	RGB 7 50 51	#073233
100.0%	100.0% #002E2F	RGB 0 46 47	#002E2F

#2D4A49 #254544 #1E4040 #163C3C #0E3737 #073233 #002E2F

#2D4A49 - #002E2F

HSV Blend

#2D4A49 - #002E2F | 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 #2D4A49 as 0% and #002E2F as 100%.

0.0%	0.0% #2D4A49	RGB 45 74 73	#2D4A49
16.7%	16.7% #234544	RGB 35 69 68	#234544
33.3%	33.3% #1A4140	RGB 26 65 64	#1A4140
50.0%	50.0% #123C3C	RGB 18 60 60	#123C3C
66.7%	66.7% #0B3738	RGB 11 55 56	#0B3738
83.3%	83.3% #053233	RGB 5 50 51	#053233
100.0%	100.0% #002E2F	RGB 0 46 47	#002E2F

#2D4A49 #234544 #1A4140 #123C3C #0B3738 #053233 #002E2F

#2D4A49 - #123C3C - #002E2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4A49 0%, #123C3C 50%, #002E2F 100%);
    background: -webkit-linear-gradient(top, #2D4A49 0%, #123C3C 50%, #002E2F 100%);
    background: linear-gradient(to bottom, #2D4A49 0%, #123C3C 50%, #002E2F 100%);
}
</style>