#006C5E - #73C98D | 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 #006C5E to #73C98D

#006C5E #73C98D

Calculate the color between two colors, #006C5E and #73C98D. 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)

#006C5E - #73C98D | 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 #006C5E as 0% and #73C98D as 100%.

0.0%	0.0% #006C5E	RGB 0 108 94	#006C5E
16.7%	16.7% #137B65	RGB 19 123 101	#137B65
33.3%	33.3% #268B6D	RGB 38 139 109	#268B6D
50.0%	50.0% #399A75	RGB 57 154 117	#399A75
66.7%	66.7% #4CAA7D	RGB 76 170 125	#4CAA7D
83.3%	83.3% #5FB985	RGB 95 185 133	#5FB985
100.0%	100.0% #73C98D	RGB 115 201 141	#73C98D

#006C5E #137B65 #268B6D #399A75 #4CAA7D #5FB985 #73C98D

#006C5E - #73C98D

HSV Blend

#006C5E - #73C98D | 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 #006C5E as 0% and #73C98D as 100%.

0.0%	0.0% #006C5D	RGB 0 108 93	#006C5D
16.7%	16.7% #0B7B62	RGB 11 123 98	#0B7B62
33.3%	33.3% #1A8B67	RGB 26 139 103	#1A8B67
50.0%	50.0% #2C9A6C	RGB 44 154 108	#2C9A6C
66.7%	66.7% #40AA74	RGB 64 170 116	#40AA74
83.3%	83.3% #58B97E	RGB 88 185 126	#58B97E
100.0%	100.0% #73C98D	RGB 115 201 141	#73C98D

#006C5D #0B7B62 #1A8B67 #2C9A6C #40AA74 #58B97E #73C98D

#006C5E - #2C9A6C - #73C98D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006C5D 0%, #2C9A6C 50%, #73C98D 100%);
    background: -webkit-linear-gradient(top, #006C5D 0%, #2C9A6C 50%, #73C98D 100%);
    background: linear-gradient(to bottom, #006C5D 0%, #2C9A6C 50%, #73C98D 100%);
}
</style>