#2F6E5E - #063F29 | 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 #2F6E5E to #063F29

#2F6E5E #063F29

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

#2F6E5E - #063F29 | 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 #2F6E5E as 0% and #063F29 as 100%.

0.0%	0.0% #2F6E5E	RGB 47 110 94	#2F6E5E
16.7%	16.7% #286655	RGB 40 102 85	#286655
33.3%	33.3% #215E4C	RGB 33 94 76	#215E4C
50.0%	50.0% #1A5643	RGB 26 86 67	#1A5643
66.7%	66.7% #134E3A	RGB 19 78 58	#134E3A
83.3%	83.3% #0C4631	RGB 12 70 49	#0C4631
100.0%	100.0% #063F29	RGB 6 63 41	#063F29

#2F6E5E #286655 #215E4C #1A5643 #134E3A #0C4631 #063F29

#2F6E5E - #063F29

HSV Blend

#2F6E5E - #063F29 | 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 #2F6E5E as 0% and #063F29 as 100%.

0.0%	0.0% #2E6E5E	RGB 46 110 94	#2E6E5E
16.7%	16.7% #256654	RGB 37 102 84	#256654
33.3%	33.3% #1D5E4B	RGB 29 94 75	#1D5E4B
50.0%	50.0% #165642	RGB 22 86 66	#165642
66.7%	66.7% #104E39	RGB 16 78 57	#104E39
83.3%	83.3% #0A4630	RGB 10 70 48	#0A4630
100.0%	100.0% #063F29	RGB 6 63 41	#063F29

#2E6E5E #256654 #1D5E4B #165642 #104E39 #0A4630 #063F29

#2F6E5E - #165642 - #063F29

CSS codes

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

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