#A0D9C7 - #2D3E38 | 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 #A0D9C7 to #2D3E38

#A0D9C7 #2D3E38

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

#A0D9C7 - #2D3E38 | 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 #A0D9C7 as 0% and #2D3E38 as 100%.

0.0%	0.0% #A0D9C7	RGB 160 217 199	#A0D9C7
16.7%	16.7% #8CBFAF	RGB 140 191 175	#8CBFAF
33.3%	33.3% #79A597	RGB 121 165 151	#79A597
50.0%	50.0% #668B7F	RGB 102 139 127	#668B7F
66.7%	66.7% #537167	RGB 83 113 103	#537167
83.3%	83.3% #40574F	RGB 64 87 79	#40574F
100.0%	100.0% #2D3E38	RGB 45 62 56	#2D3E38

#A0D9C7 #8CBFAF #79A597 #668B7F #537167 #40574F #2D3E38

#A0D9C7 - #2D3E38

HSV Blend

#A0D9C7 - #2D3E38 | 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 #A0D9C7 as 0% and #2D3E38 as 100%.

0.0%	0.0% #A0D9C7	RGB 160 217 199	#A0D9C7
16.7%	16.7% #8CBFAE	RGB 140 191 174	#8CBFAE
33.3%	33.3% #79A596	RGB 121 165 150	#79A596
50.0%	50.0% #668B7E	RGB 102 139 126	#668B7E
66.7%	66.7% #527167	RGB 82 113 103	#527167
83.3%	83.3% #3F574F	RGB 63 87 79	#3F574F
100.0%	100.0% #2D3E38	RGB 45 62 56	#2D3E38

#A0D9C7 #8CBFAE #79A596 #668B7E #527167 #3F574F #2D3E38

#A0D9C7 - #668B7E - #2D3E38

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0D9C7 0%, #668B7E 50%, #2D3E38 100%);
    background: -webkit-linear-gradient(top, #A0D9C7 0%, #668B7E 50%, #2D3E38 100%);
    background: linear-gradient(to bottom, #A0D9C7 0%, #668B7E 50%, #2D3E38 100%);
}
</style>