#2D6558 - #1E201E | 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 #2D6558 to #1E201E

#2D6558 #1E201E

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

#2D6558 - #1E201E | 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 #2D6558 as 0% and #1E201E as 100%.

0.0%	0.0% #2D6558	RGB 45 101 88	#2D6558
16.7%	16.7% #2A594E	RGB 42 89 78	#2A594E
33.3%	33.3% #284E44	RGB 40 78 68	#284E44
50.0%	50.0% #25423B	RGB 37 66 59	#25423B
66.7%	66.7% #233731	RGB 35 55 49	#233731
83.3%	83.3% #202B27	RGB 32 43 39	#202B27
100.0%	100.0% #1E201E	RGB 30 32 30	#1E201E

#2D6558 #2A594E #284E44 #25423B #233731 #202B27 #1E201E

#2D6558 - #1E201E

HSV Blend

#2D6558 - #1E201E | 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 #2D6558 as 0% and #1E201E as 100%.

0.0%	0.0% #2D6558	RGB 45 101 88	#2D6558
16.7%	16.7% #2F594A	RGB 47 89 74	#2F594A
33.3%	33.3% #2F4E3F	RGB 47 78 63	#2F4E3F
50.0%	50.0% #2D4235	RGB 45 66 53	#2D4235
66.7%	66.7% #2A372D	RGB 42 55 45	#2A372D
83.3%	83.3% #252B26	RGB 37 43 38	#252B26
100.0%	100.0% #1E201E	RGB 30 32 30	#1E201E

#2D6558 #2F594A #2F4E3F #2D4235 #2A372D #252B26 #1E201E

#2D6558 - #2D4235 - #1E201E

CSS codes

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

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