#0D5E4A - #6FB478 | 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 #0D5E4A to #6FB478

#0D5E4A #6FB478

Calculate the color between two colors, #0D5E4A and #6FB478. 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)

#0D5E4A - #6FB478 | 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 #0D5E4A as 0% and #6FB478 as 100%.

0.0%	0.0% #0D5E4A	RGB 13 94 74	#0D5E4A
16.7%	16.7% #1D6C51	RGB 29 108 81	#1D6C51
33.3%	33.3% #2D7A59	RGB 45 122 89	#2D7A59
50.0%	50.0% #3E8961	RGB 62 137 97	#3E8961
66.7%	66.7% #4E9768	RGB 78 151 104	#4E9768
83.3%	83.3% #5EA570	RGB 94 165 112	#5EA570
100.0%	100.0% #6FB478	RGB 111 180 120	#6FB478

#0D5E4A #1D6C51 #2D7A59 #3E8961 #4E9768 #5EA570 #6FB478

#0D5E4A - #6FB478

HSV Blend

#0D5E4A - #6FB478 | 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 #0D5E4A as 0% and #6FB478 as 100%.

0.0%	0.0% #0C5E49	RGB 12 94 73	#0C5E49
16.7%	16.7% #176C4E	RGB 23 108 78	#176C4E
33.3%	33.3% #247A53	RGB 36 122 83	#247A53
50.0%	50.0% #338959	RGB 51 137 89	#338959
66.7%	66.7% #459760	RGB 69 151 96	#459760
83.3%	83.3% #58A56A	RGB 88 165 106	#58A56A
100.0%	100.0% #6FB478	RGB 111 180 120	#6FB478

#0C5E49 #176C4E #247A53 #338959 #459760 #58A56A #6FB478

#0D5E4A - #338959 - #6FB478

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C5E49 0%, #338959 50%, #6FB478 100%);
    background: -webkit-linear-gradient(top, #0C5E49 0%, #338959 50%, #6FB478 100%);
    background: linear-gradient(to bottom, #0C5E49 0%, #338959 50%, #6FB478 100%);
}
</style>