#2D4D3C - #65AAB6 | 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 #2D4D3C to #65AAB6

#2D4D3C #65AAB6

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

#2D4D3C - #65AAB6 | 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 #2D4D3C as 0% and #65AAB6 as 100%.

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #365C50	RGB 54 92 80	#365C50
33.3%	33.3% #3F6C64	RGB 63 108 100	#3F6C64
50.0%	50.0% #497B79	RGB 73 123 121	#497B79
66.7%	66.7% #528B8D	RGB 82 139 141	#528B8D
83.3%	83.3% #5B9AA1	RGB 91 154 161	#5B9AA1
100.0%	100.0% #65AAB6	RGB 101 170 182	#65AAB6

#2D4D3C #365C50 #3F6C64 #497B79 #528B8D #5B9AA1 #65AAB6

#2D4D3C - #65AAB6

HSV Blend

#2D4D3C - #65AAB6 | 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 #2D4D3C as 0% and #65AAB6 as 100%.

0.0%	0.0% #2D4D3C	RGB 45 77 60	#2D4D3C
16.7%	16.7% #365E4D	RGB 54 94 77	#365E4D
33.3%	33.3% #407061	RGB 64 112 97	#407061
50.0%	50.0% #498176	RGB 73 129 118	#498176
66.7%	66.7% #53938D	RGB 83 147 141	#53938D
83.3%	83.3% #5CA1A4	RGB 92 161 164	#5CA1A4
100.0%	100.0% #65AAB6	RGB 101 170 182	#65AAB6

#2D4D3C #365E4D #407061 #498176 #53938D #5CA1A4 #65AAB6

#2D4D3C - #498176 - #65AAB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D3C 0%, #498176 50%, #65AAB6 100%);
    background: -webkit-linear-gradient(top, #2D4D3C 0%, #498176 50%, #65AAB6 100%);
    background: linear-gradient(to bottom, #2D4D3C 0%, #498176 50%, #65AAB6 100%);
}
</style>