#6D9F9F - #156B61 | 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 #6D9F9F to #156B61

#6D9F9F #156B61

Calculate the color between two colors, #6D9F9F and #156B61. 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)

#6D9F9F - #156B61 | 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 #6D9F9F as 0% and #156B61 as 100%.

0.0%	0.0% #6D9F9F	RGB 109 159 159	#6D9F9F
16.7%	16.7% #5E9694	RGB 94 150 148	#5E9694
33.3%	33.3% #4F8D8A	RGB 79 141 138	#4F8D8A
50.0%	50.0% #418580	RGB 65 133 128	#418580
66.7%	66.7% #327C75	RGB 50 124 117	#327C75
83.3%	83.3% #23736B	RGB 35 115 107	#23736B
100.0%	100.0% #156B61	RGB 21 107 97	#156B61

#6D9F9F #5E9694 #4F8D8A #418580 #327C75 #23736B #156B61

#6D9F9F - #156B61

HSV Blend

#6D9F9F - #156B61 | 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 #6D9F9F as 0% and #156B61 as 100%.

0.0%	0.0% #6D9F9F	RGB 109 159 159	#6D9F9F
16.7%	16.7% #5A9695	RGB 90 150 149	#5A9695
33.3%	33.3% #4A8D8B	RGB 74 141 139	#4A8D8B
50.0%	50.0% #3A8580	RGB 58 133 128	#3A8580
66.7%	66.7% #2C7C76	RGB 44 124 118	#2C7C76
83.3%	83.3% #20736B	RGB 32 115 107	#20736B
100.0%	100.0% #156B61	RGB 21 107 97	#156B61

#6D9F9F #5A9695 #4A8D8B #3A8580 #2C7C76 #20736B #156B61

#6D9F9F - #3A8580 - #156B61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9F9F 0%, #3A8580 50%, #156B61 100%);
    background: -webkit-linear-gradient(top, #6D9F9F 0%, #3A8580 50%, #156B61 100%);
    background: linear-gradient(to bottom, #6D9F9F 0%, #3A8580 50%, #156B61 100%);
}
</style>