#00A19C - #A1F5AE | 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 #00A19C à #A1F5AE

#00A19C #A1F5AE

Calculez la couleur entre deux couleurs, #00A19C et #A1F5AE. 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)

#00A19C - #A1F5AE | 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 #00A19C 0% et #A1F5AE 100%.

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #1AAF9F	RVB 26 175 159	#1AAF9F
33.3%	33.3% #35BDA2	RVB 53 189 162	#35BDA2
50.0%	50.0% #50CBA5	RVB 80 203 165	#50CBA5
66.7%	66.7% #6BD9A8	RVB 107 217 168	#6BD9A8
83.3%	83.3% #86E7AB	RVB 134 231 171	#86E7AB
100.0%	100.0% #A1F5AE	RVB 161 245 174	#A1F5AE

#00A19C #1AAF9F #35BDA2 #50CBA5 #6BD9A8 #86E7AB #A1F5AE

#00A19C - #A1F5AE

Mélange HSV

#00A19C - #A1F5AE | 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 #00A19C 0% et #A1F5AE 100%.

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #13AF95	RVB 19 175 149	#13AF95
33.3%	33.3% #29BD90	RVB 41 189 144	#29BD90
50.0%	50.0% #42CB8F	RVB 66 203 143	#42CB8F
66.7%	66.7% #5FD993	RVB 95 217 147	#5FD993
83.3%	83.3% #7EE79C	RVB 126 231 156	#7EE79C
100.0%	100.0% #A1F5AE	RVB 161 245 174	#A1F5AE

#00A19C #13AF95 #29BD90 #42CB8F #5FD993 #7EE79C #A1F5AE

#00A19C - #42CB8F - #A1F5AE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A19C 0%, #42CB8F 50%, #A1F5AE 100%);
    background: -webkit-linear-gradient(top, #00A19C 0%, #42CB8F 50%, #A1F5AE 100%);
    background: linear-gradient(to bottom, #00A19C 0%, #42CB8F 50%, #A1F5AE 100%);
}
</style>