#2D6559 - #1F201E | 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 #2D6559 to #1F201E

#2D6559 #1F201E

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

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

0.0%	0.0% #2D6559	RGB 45 101 89	#2D6559
16.7%	16.7% #2A594F	RGB 42 89 79	#2A594F
33.3%	33.3% #284E45	RGB 40 78 69	#284E45
50.0%	50.0% #26423B	RGB 38 66 59	#26423B
66.7%	66.7% #233731	RGB 35 55 49	#233731
83.3%	83.3% #212B27	RGB 33 43 39	#212B27
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#2D6559 #2A594F #284E45 #26423B #233731 #212B27 #1F201E

#2D6559 - #1F201E

HSV Blend

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

0.0%	0.0% #2D6559	RGB 45 101 89	#2D6559
16.7%	16.7% #2F5947	RGB 47 89 71	#2F5947
33.3%	33.3% #2F4E3A	RGB 47 78 58	#2F4E3A
50.0%	50.0% #2D4230	RGB 45 66 48	#2D4230
66.7%	66.7% #2B372A	RGB 43 55 42	#2B372A
83.3%	83.3% #272B25	RGB 39 43 37	#272B25
100.0%	100.0% #1F201E	RGB 31 32 30	#1F201E

#2D6559 #2F5947 #2F4E3A #2D4230 #2B372A #272B25 #1F201E

#2D6559 - #2D4230 - #1F201E

CSS codes

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

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