#5EECE5 - #00CAC8 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #5EECE5 à #00CAC8

#5EECE5 #00CAC8

Calculez la couleur entre deux couleurs, #5EECE5 et #00CAC8. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#5EECE5 - #00CAC8 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #5EECE5 0% et #00CAC8 100%.

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

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

#5EECE5 - #00CAC8

Mélange HSV

#5EECE5 - #00CAC8 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #5EECE5 0% et #00CAC8 100%.

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

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

#5EECE5 - #2BDBD5 - #00CAC8

Codes CSS

<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>