#2D6B5A - #063D27 | 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 #2D6B5A to #063D27

#2D6B5A #063D27

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

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

0.0%	0.0% #2D6B5A	RGB 45 107 90	#2D6B5A
16.7%	16.7% #266351	RGB 38 99 81	#266351
33.3%	33.3% #205B49	RGB 32 91 73	#205B49
50.0%	50.0% #195440	RGB 25 84 64	#195440
66.7%	66.7% #134C38	RGB 19 76 56	#134C38
83.3%	83.3% #0C442F	RGB 12 68 47	#0C442F
100.0%	100.0% #063D27	RGB 6 61 39	#063D27

#2D6B5A #266351 #205B49 #195440 #134C38 #0C442F #063D27

#2D6B5A - #063D27

HSV Blend

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

0.0%	0.0% #2D6B5A	RGB 45 107 90	#2D6B5A
16.7%	16.7% #246350	RGB 36 99 80	#246350
33.3%	33.3% #1C5B47	RGB 28 91 71	#1C5B47
50.0%	50.0% #15543F	RGB 21 84 63	#15543F
66.7%	66.7% #0F4C36	RGB 15 76 54	#0F4C36
83.3%	83.3% #0A442E	RGB 10 68 46	#0A442E
100.0%	100.0% #063D27	RGB 6 61 39	#063D27

#2D6B5A #246350 #1C5B47 #15543F #0F4C36 #0A442E #063D27

#2D6B5A - #15543F - #063D27

CSS codes

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

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