#5EECE5 - #00CAC8 | 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 #5EECE5 to #00CAC8

#5EECE5 #00CAC8

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

#5EECE5 - #00CAC8 | 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 #5EECE5 as 0% and #00CAC8 as 100%.

0.0%	0.0% #5EECE5	RGB 94 236 229	#5EECE5
16.7%	16.7% #4EE6E0	RGB 78 230 224	#4EE6E0
33.3%	33.3% #3EE0DB	RGB 62 224 219	#3EE0DB
50.0%	50.0% #2FDBD6	RGB 47 219 214	#2FDBD6
66.7%	66.7% #1FD5D1	RGB 31 213 209	#1FD5D1
83.3%	83.3% #0FCFCC	RGB 15 207 204	#0FCFCC
100.0%	100.0% #00CAC8	RGB 0 202 200	#00CAC8

#5EECE5 #4EE6E0 #3EE0DB #2FDBD6 #1FD5D1 #0FCFCC #00CAC8

#5EECE5 - #00CAC8

HSV Blend

#5EECE5 - #00CAC8 | 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 #5EECE5 as 0% and #00CAC8 as 100%.

0.0%	0.0% #5EECE5	RGB 94 236 229	#5EECE5
16.7%	16.7% #4CE6DF	RGB 76 230 223	#4CE6DF
33.3%	33.3% #3BE0DA	RGB 59 224 218	#3BE0DA
50.0%	50.0% #2BDBD5	RGB 43 219 213	#2BDBD5
66.7%	66.7% #1CD5D1	RGB 28 213 209	#1CD5D1
83.3%	83.3% #0DCFCC	RGB 13 207 204	#0DCFCC
100.0%	100.0% #00CAC8	RGB 0 202 200	#00CAC8

#5EECE5 #4CE6DF #3BE0DA #2BDBD5 #1CD5D1 #0DCFCC #00CAC8

#5EECE5 - #2BDBD5 - #00CAC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EECE5 0%, #2BDBD5 50%, #00CAC8 100%);
    background: -webkit-linear-gradient(top, #5EECE5 0%, #2BDBD5 50%, #00CAC8 100%);
    background: linear-gradient(to bottom, #5EECE5 0%, #2BDBD5 50%, #00CAC8 100%);
}
</style>