#2D5E4C - #053221 | 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 #2D5E4C to #053221

#2D5E4C #053221

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

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

0.0%	0.0% #2D5E4C	RGB 45 94 76	#2D5E4C
16.7%	16.7% #265644	RGB 38 86 68	#265644
33.3%	33.3% #1F4F3D	RGB 31 79 61	#1F4F3D
50.0%	50.0% #194836	RGB 25 72 54	#194836
66.7%	66.7% #12402F	RGB 18 64 47	#12402F
83.3%	83.3% #0B3928	RGB 11 57 40	#0B3928
100.0%	100.0% #053221	RGB 5 50 33	#053221

#2D5E4C #265644 #1F4F3D #194836 #12402F #0B3928 #053221

#2D5E4C - #053221

HSV Blend

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

0.0%	0.0% #2D5E4C	RGB 45 94 76	#2D5E4C
16.7%	16.7% #245643	RGB 36 86 67	#245643
33.3%	33.3% #1B4F3C	RGB 27 79 60	#1B4F3C
50.0%	50.0% #144834	RGB 20 72 52	#144834
66.7%	66.7% #0E402D	RGB 14 64 45	#0E402D
83.3%	83.3% #093927	RGB 9 57 39	#093927
100.0%	100.0% #053221	RGB 5 50 33	#053221

#2D5E4C #245643 #1B4F3C #144834 #0E402D #093927 #053221

#2D5E4C - #144834 - #053221

CSS codes

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

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