#00C9C0 - #003936 | 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 #00C9C0 to #003936

#00C9C0 #003936

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

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

0.0%	0.0% #00C9C0	RGB 0 201 192	#00C9C0
16.7%	16.7% #00B1A9	RGB 0 177 169	#00B1A9
33.3%	33.3% #009992	RGB 0 153 146	#009992
50.0%	50.0% #00817B	RGB 0 129 123	#00817B
66.7%	66.7% #006964	RGB 0 105 100	#006964
83.3%	83.3% #00514D	RGB 0 81 77	#00514D
100.0%	100.0% #003936	RGB 0 57 54	#003936

#00C9C0 #00B1A9 #009992 #00817B #006964 #00514D #003936

#00C9C0 - #003936

HSV Blend

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

0.0%	0.0% #00C9C0	RGB 0 201 192	#00C9C0
16.7%	16.7% #00B1A8	RGB 0 177 168	#00B1A8
33.3%	33.3% #009991	RGB 0 153 145	#009991
50.0%	50.0% #00817A	RGB 0 129 122	#00817A
66.7%	66.7% #006963	RGB 0 105 99	#006963
83.3%	83.3% #00514C	RGB 0 81 76	#00514C
100.0%	100.0% #003936	RGB 0 57 54	#003936

#00C9C0 #00B1A8 #009991 #00817A #006963 #00514C #003936

#00C9C0 - #00817A - #003936

CSS codes

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

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