#00E5E2 - #004140 | 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 #00E5E2 to #004140

#00E5E2 #004140

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

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

0.0%	0.0% #00E5E2	RGB 0 229 226	#00E5E2
16.7%	16.7% #00C9C7	RGB 0 201 199	#00C9C7
33.3%	33.3% #00AEAC	RGB 0 174 172	#00AEAC
50.0%	50.0% #009391	RGB 0 147 145	#009391
66.7%	66.7% #007776	RGB 0 119 118	#007776
83.3%	83.3% #005C5B	RGB 0 92 91	#005C5B
100.0%	100.0% #004140	RGB 0 65 64	#004140

#00E5E2 #00C9C7 #00AEAC #009391 #007776 #005C5B #004140

#00E5E2 - #004140

HSV Blend

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

0.0%	0.0% #00E5E2	RGB 0 229 226	#00E5E2
16.7%	16.7% #00C9C6	RGB 0 201 198	#00C9C6
33.3%	33.3% #00AEAB	RGB 0 174 171	#00AEAB
50.0%	50.0% #009390	RGB 0 147 144	#009390
66.7%	66.7% #007775	RGB 0 119 117	#007775
83.3%	83.3% #005C5A	RGB 0 92 90	#005C5A
100.0%	100.0% #004140	RGB 0 65 64	#004140

#00E5E2 #00C9C6 #00AEAB #009390 #007775 #005C5A #004140

#00E5E2 - #009390 - #004140

CSS codes

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

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