#1E6B6B - #7FBB8C | 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 #1E6B6B to #7FBB8C

#1E6B6B #7FBB8C

Calculate the color between two colors, #1E6B6B and #7FBB8C. 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)

#1E6B6B - #7FBB8C | 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 #1E6B6B as 0% and #7FBB8C as 100%.

0.0%	0.0% #1E6B6B	RGB 30 107 107	#1E6B6B
16.7%	16.7% #2E7870	RGB 46 120 112	#2E7870
33.3%	33.3% #3E8576	RGB 62 133 118	#3E8576
50.0%	50.0% #4E937B	RGB 78 147 123	#4E937B
66.7%	66.7% #5EA081	RGB 94 160 129	#5EA081
83.3%	83.3% #6EAD86	RGB 110 173 134	#6EAD86
100.0%	100.0% #7FBB8C	RGB 127 187 140	#7FBB8C

#1E6B6B #2E7870 #3E8576 #4E937B #5EA081 #6EAD86 #7FBB8C

#1E6B6B - #7FBB8C

HSV Blend

#1E6B6B - #7FBB8C | 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 #1E6B6B as 0% and #7FBB8C as 100%.

0.0%	0.0% #1E6B6B	RGB 30 107 107	#1E6B6B
16.7%	16.7% #29786E	RGB 41 120 110	#29786E
33.3%	33.3% #378571	RGB 55 133 113	#378571
50.0%	50.0% #469375	RGB 70 147 117	#469375
66.7%	66.7% #57A07A	RGB 87 160 122	#57A07A
83.3%	83.3% #6AAD81	RGB 106 173 129	#6AAD81
100.0%	100.0% #7FBB8C	RGB 127 187 140	#7FBB8C

#1E6B6B #29786E #378571 #469375 #57A07A #6AAD81 #7FBB8C

#1E6B6B - #469375 - #7FBB8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E6B6B 0%, #469375 50%, #7FBB8C 100%);
    background: -webkit-linear-gradient(top, #1E6B6B 0%, #469375 50%, #7FBB8C 100%);
    background: linear-gradient(to bottom, #1E6B6B 0%, #469375 50%, #7FBB8C 100%);
}
</style>