#3AE5E5 - #00C0C8 | 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 #3AE5E5 to #00C0C8

#3AE5E5 #00C0C8

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

#3AE5E5 - #00C0C8 | 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 #3AE5E5 as 0% and #00C0C8 as 100%.

0.0%	0.0% #3AE5E5	RGB 58 229 229	#3AE5E5
16.7%	16.7% #30DEE0	RGB 48 222 224	#30DEE0
33.3%	33.3% #26D8DB	RGB 38 216 219	#26D8DB
50.0%	50.0% #1DD2D6	RGB 29 210 214	#1DD2D6
66.7%	66.7% #13CCD1	RGB 19 204 209	#13CCD1
83.3%	83.3% #09C6CC	RGB 9 198 204	#09C6CC
100.0%	100.0% #00C0C8	RGB 0 192 200	#00C0C8

#3AE5E5 #30DEE0 #26D8DB #1DD2D6 #13CCD1 #09C6CC #00C0C8

#3AE5E5 - #00C0C8

HSV Blend

#3AE5E5 - #00C0C8 | 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 #3AE5E5 as 0% and #00C0C8 as 100%.

0.0%	0.0% #3AE5E5	RGB 58 229 229	#3AE5E5
16.7%	16.7% #2FDEE0	RGB 47 222 224	#2FDEE0
33.3%	33.3% #25D8DB	RGB 37 216 219	#25D8DB
50.0%	50.0% #1BD2D6	RGB 27 210 214	#1BD2D6
66.7%	66.7% #11CCD1	RGB 17 204 209	#11CCD1
83.3%	83.3% #08C6CC	RGB 8 198 204	#08C6CC
100.0%	100.0% #00C0C8	RGB 0 192 200	#00C0C8

#3AE5E5 #2FDEE0 #25D8DB #1BD2D6 #11CCD1 #08C6CC #00C0C8

#3AE5E5 - #1BD2D6 - #00C0C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AE5E5 0%, #1BD2D6 50%, #00C0C8 100%);
    background: -webkit-linear-gradient(top, #3AE5E5 0%, #1BD2D6 50%, #00C0C8 100%);
    background: linear-gradient(to bottom, #3AE5E5 0%, #1BD2D6 50%, #00C0C8 100%);
}
</style>