#007D7D - #7ED9A1 | 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 #007D7D to #7ED9A1

#007D7D #7ED9A1

Calculate the color between two colors, #007D7D and #7ED9A1. 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)

#007D7D - #7ED9A1 | 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 #007D7D as 0% and #7ED9A1 as 100%.

0.0%	0.0% #007D7D	RGB 0 125 125	#007D7D
16.7%	16.7% #158C83	RGB 21 140 131	#158C83
33.3%	33.3% #2A9B89	RGB 42 155 137	#2A9B89
50.0%	50.0% #3FAB8F	RGB 63 171 143	#3FAB8F
66.7%	66.7% #54BA95	RGB 84 186 149	#54BA95
83.3%	83.3% #69C99B	RGB 105 201 155	#69C99B
100.0%	100.0% #7ED9A1	RGB 126 217 161	#7ED9A1

#007D7D #158C83 #2A9B89 #3FAB8F #54BA95 #69C99B #7ED9A1

#007D7D - #7ED9A1

HSV Blend

#007D7D - #7ED9A1 | 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 #007D7D as 0% and #7ED9A1 as 100%.

0.0%	0.0% #007D7D	RGB 0 125 125	#007D7D
16.7%	16.7% #0D8C7F	RGB 13 140 127	#0D8C7F
33.3%	33.3% #1E9B81	RGB 30 155 129	#1E9B81
50.0%	50.0% #31AB85	RGB 49 171 133	#31AB85
66.7%	66.7% #48BA8B	RGB 72 186 139	#48BA8B
83.3%	83.3% #61C994	RGB 97 201 148	#61C994
100.0%	100.0% #7ED9A1	RGB 126 217 161	#7ED9A1

#007D7D #0D8C7F #1E9B81 #31AB85 #48BA8B #61C994 #7ED9A1

#007D7D - #31AB85 - #7ED9A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
    background: -webkit-linear-gradient(top, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
    background: linear-gradient(to bottom, #007D7D 0%, #31AB85 50%, #7ED9A1 100%);
}
</style>