#2D5E58 - #06312D | 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 #2D5E58 to #06312D

#2D5E58 #06312D

Calculate the color between two colors, #2D5E58 and #06312D. 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)

#2D5E58 - #06312D | 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 #2D5E58 as 0% and #06312D as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #265650	RGB 38 86 80	#265650
33.3%	33.3% #204F49	RGB 32 79 73	#204F49
50.0%	50.0% #194742	RGB 25 71 66	#194742
66.7%	66.7% #13403B	RGB 19 64 59	#13403B
83.3%	83.3% #0C3834	RGB 12 56 52	#0C3834
100.0%	100.0% #06312D	RGB 6 49 45	#06312D

#2D5E58 #265650 #204F49 #194742 #13403B #0C3834 #06312D

#2D5E58 - #06312D

HSV Blend

#2D5E58 - #06312D | 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 #2D5E58 as 0% and #06312D as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #245650	RGB 36 86 80	#245650
33.3%	33.3% #1C4F49	RGB 28 79 73	#1C4F49
50.0%	50.0% #154742	RGB 21 71 66	#154742
66.7%	66.7% #0F403B	RGB 15 64 59	#0F403B
83.3%	83.3% #0A3833	RGB 10 56 51	#0A3833
100.0%	100.0% #06312D	RGB 6 49 45	#06312D

#2D5E58 #245650 #1C4F49 #154742 #0F403B #0A3833 #06312D

#2D5E58 - #154742 - #06312D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E58 0%, #154742 50%, #06312D 100%);
    background: -webkit-linear-gradient(top, #2D5E58 0%, #154742 50%, #06312D 100%);
    background: linear-gradient(to bottom, #2D5E58 0%, #154742 50%, #06312D 100%);
}
</style>