#2D373E - #5A8F88 | 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 #2D373E to #5A8F88

#2D373E #5A8F88

Calculate the color between two colors, #2D373E and #5A8F88. 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)

#2D373E - #5A8F88 | 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 #2D373E as 0% and #5A8F88 as 100%.

0.0%	0.0% #2D373E	RGB 45 55 62	#2D373E
16.7%	16.7% #34454A	RGB 52 69 74	#34454A
33.3%	33.3% #3C5456	RGB 60 84 86	#3C5456
50.0%	50.0% #436363	RGB 67 99 99	#436363
66.7%	66.7% #4B716F	RGB 75 113 111	#4B716F
83.3%	83.3% #52807B	RGB 82 128 123	#52807B
100.0%	100.0% #5A8F88	RGB 90 143 136	#5A8F88

#2D373E #34454A #3C5456 #436363 #4B716F #52807B #5A8F88

#2D373E - #5A8F88

HSV Blend

#2D373E - #5A8F88 | 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 #2D373E as 0% and #5A8F88 as 100%.

0.0%	0.0% #2D373E	RGB 45 55 62	#2D373E
16.7%	16.7% #35444B	RGB 53 68 75	#35444B
33.3%	33.3% #3D5259	RGB 61 82 89	#3D5259
50.0%	50.0% #456166	RGB 69 97 102	#456166
66.7%	66.7% #4C7274	RGB 76 114 116	#4C7274
83.3%	83.3% #53817F	RGB 83 129 127	#53817F
100.0%	100.0% #5A8F88	RGB 90 143 136	#5A8F88

#2D373E #35444B #3D5259 #456166 #4C7274 #53817F #5A8F88

#2D373E - #456166 - #5A8F88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D373E 0%, #456166 50%, #5A8F88 100%);
    background: -webkit-linear-gradient(top, #2D373E 0%, #456166 50%, #5A8F88 100%);
    background: linear-gradient(to bottom, #2D373E 0%, #456166 50%, #5A8F88 100%);
}
</style>