#2E5E4C - #063221 | 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 #2E5E4C to #063221

#2E5E4C #063221

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

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

0.0%	0.0% #2E5E4C	RGB 46 94 76	#2E5E4C
16.7%	16.7% #275644	RGB 39 86 68	#275644
33.3%	33.3% #204F3D	RGB 32 79 61	#204F3D
50.0%	50.0% #1A4836	RGB 26 72 54	#1A4836
66.7%	66.7% #13402F	RGB 19 64 47	#13402F
83.3%	83.3% #0C3928	RGB 12 57 40	#0C3928
100.0%	100.0% #063221	RGB 6 50 33	#063221

#2E5E4C #275644 #204F3D #1A4836 #13402F #0C3928 #063221

#2E5E4C - #063221

HSV Blend

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

0.0%	0.0% #2E5E4C	RGB 46 94 76	#2E5E4C
16.7%	16.7% #255643	RGB 37 86 67	#255643
33.3%	33.3% #1D4F3C	RGB 29 79 60	#1D4F3C
50.0%	50.0% #154834	RGB 21 72 52	#154834
66.7%	66.7% #0F402D	RGB 15 64 45	#0F402D
83.3%	83.3% #0A3927	RGB 10 57 39	#0A3927
100.0%	100.0% #063221	RGB 6 50 33	#063221

#2E5E4C #255643 #1D4F3C #154834 #0F402D #0A3927 #063221

#2E5E4C - #154834 - #063221

CSS codes

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

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