#00DDB2 - #00B084 | 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 #00DDB2 to #00B084

#00DDB2 #00B084

Calculate the color between two colors, #00DDB2 and #00B084. 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)

#00DDB2 - #00B084 | 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 #00DDB2 as 0% and #00B084 as 100%.

0.0%	0.0% #00DDB2	RGB 0 221 178	#00DDB2
16.7%	16.7% #00D5AA	RGB 0 213 170	#00D5AA
33.3%	33.3% #00CEA2	RGB 0 206 162	#00CEA2
50.0%	50.0% #00C69B	RGB 0 198 155	#00C69B
66.7%	66.7% #00BF93	RGB 0 191 147	#00BF93
83.3%	83.3% #00B78B	RGB 0 183 139	#00B78B
100.0%	100.0% #00B084	RGB 0 176 132	#00B084

#00DDB2 #00D5AA #00CEA2 #00C69B #00BF93 #00B78B #00B084

#00DDB2 - #00B084

HSV Blend

#00DDB2 - #00B084 | 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 #00DDB2 as 0% and #00B084 as 100%.

0.0%	0.0% #00DDB2	RGB 0 221 178	#00DDB2
16.7%	16.7% #00D5A9	RGB 0 213 169	#00D5A9
33.3%	33.3% #00CEA2	RGB 0 206 162	#00CEA2
50.0%	50.0% #00C69A	RGB 0 198 154	#00C69A
66.7%	66.7% #00BF92	RGB 0 191 146	#00BF92
83.3%	83.3% #00B78B	RGB 0 183 139	#00B78B
100.0%	100.0% #00B084	RGB 0 176 132	#00B084

#00DDB2 #00D5A9 #00CEA2 #00C69A #00BF92 #00B78B #00B084

#00DDB2 - #00C69A - #00B084

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DDB2 0%, #00C69A 50%, #00B084 100%);
    background: -webkit-linear-gradient(top, #00DDB2 0%, #00C69A 50%, #00B084 100%);
    background: linear-gradient(to bottom, #00DDB2 0%, #00C69A 50%, #00B084 100%);
}
</style>