#00D7DB - #003C3E | 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 #00D7DB to #003C3E

#00D7DB #003C3E

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

#00D7DB - #003C3E | 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 #00D7DB as 0% and #003C3E as 100%.

0.0%	0.0% #00D7DB	RGB 0 215 219	#00D7DB
16.7%	16.7% #00BDC0	RGB 0 189 192	#00BDC0
33.3%	33.3% #00A3A6	RGB 0 163 166	#00A3A6
50.0%	50.0% #00898C	RGB 0 137 140	#00898C
66.7%	66.7% #006F72	RGB 0 111 114	#006F72
83.3%	83.3% #005558	RGB 0 85 88	#005558
100.0%	100.0% #003C3E	RGB 0 60 62	#003C3E

#00D7DB #00BDC0 #00A3A6 #00898C #006F72 #005558 #003C3E

#00D7DB - #003C3E

HSV Blend

#00D7DB - #003C3E | 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 #00D7DB as 0% and #003C3E as 100%.

0.0%	0.0% #00D7DB	RGB 0 215 219	#00D7DB
16.7%	16.7% #00BCC0	RGB 0 188 192	#00BCC0
33.3%	33.3% #00A2A6	RGB 0 162 166	#00A2A6
50.0%	50.0% #00888C	RGB 0 136 140	#00888C
66.7%	66.7% #006F72	RGB 0 111 114	#006F72
83.3%	83.3% #005558	RGB 0 85 88	#005558
100.0%	100.0% #003C3E	RGB 0 60 62	#003C3E

#00D7DB #00BCC0 #00A2A6 #00888C #006F72 #005558 #003C3E

#00D7DB - #00888C - #003C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D7DB 0%, #00888C 50%, #003C3E 100%);
    background: -webkit-linear-gradient(top, #00D7DB 0%, #00888C 50%, #003C3E 100%);
    background: linear-gradient(to bottom, #00D7DB 0%, #00888C 50%, #003C3E 100%);
}
</style>