#60CECE - #00A19F | 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 #60CECE to #00A19F

#60CECE #00A19F

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

#60CECE - #00A19F | 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 #60CECE as 0% and #00A19F as 100%.

0.0%	0.0% #60CECE	RGB 96 206 206	#60CECE
16.7%	16.7% #50C6C6	RGB 80 198 198	#50C6C6
33.3%	33.3% #40BFBE	RGB 64 191 190	#40BFBE
50.0%	50.0% #30B7B6	RGB 48 183 182	#30B7B6
66.7%	66.7% #20B0AE	RGB 32 176 174	#20B0AE
83.3%	83.3% #10A8A6	RGB 16 168 166	#10A8A6
100.0%	100.0% #00A19F	RGB 0 161 159	#00A19F

#60CECE #50C6C6 #40BFBE #30B7B6 #20B0AE #10A8A6 #00A19F

#60CECE - #00A19F

HSV Blend

#60CECE - #00A19F | 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 #60CECE as 0% and #00A19F as 100%.

0.0%	0.0% #60CECE	RGB 96 206 206	#60CECE
16.7%	16.7% #4DC6C6	RGB 77 198 198	#4DC6C6
33.3%	33.3% #3BBFBE	RGB 59 191 190	#3BBFBE
50.0%	50.0% #2AB7B6	RGB 42 183 182	#2AB7B6
66.7%	66.7% #1BB0AE	RGB 27 176 174	#1BB0AE
83.3%	83.3% #0DA8A6	RGB 13 168 166	#0DA8A6
100.0%	100.0% #00A19F	RGB 0 161 159	#00A19F

#60CECE #4DC6C6 #3BBFBE #2AB7B6 #1BB0AE #0DA8A6 #00A19F

#60CECE - #2AB7B6 - #00A19F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60CECE 0%, #2AB7B6 50%, #00A19F 100%);
    background: -webkit-linear-gradient(top, #60CECE 0%, #2AB7B6 50%, #00A19F 100%);
    background: linear-gradient(to bottom, #60CECE 0%, #2AB7B6 50%, #00A19F 100%);
}
</style>