#1AB3A8 - #BDF4AC | 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 #1AB3A8 à #BDF4AC

#1AB3A8 #BDF4AC

Calculez la couleur entre deux couleurs, #1AB3A8 et #BDF4AC. 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)

#1AB3A8 - #BDF4AC | 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 #1AB3A8 0% et #BDF4AC 100%.

0.0%	0.0% #1AB3A8	RVB 26 179 168	#1AB3A8
16.7%	16.7% #35BDA8	RVB 53 189 168	#35BDA8
33.3%	33.3% #50C8A9	RVB 80 200 169	#50C8A9
50.0%	50.0% #6BD3AA	RVB 107 211 170	#6BD3AA
66.7%	66.7% #86DEAA	RVB 134 222 170	#86DEAA
83.3%	83.3% #A1E9AB	RVB 161 233 171	#A1E9AB
100.0%	100.0% #BDF4AC	RVB 189 244 172	#BDF4AC

#1AB3A8 #35BDA8 #50C8A9 #6BD3AA #86DEAA #A1E9AB #BDF4AC

#1AB3A8 - #BDF4AC

Mélange HSV

#1AB3A8 - #BDF4AC | 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 #1AB3A8 0% et #BDF4AC 100%.

0.0%	0.0% #1AB3A8	RVB 26 179 168	#1AB3A8
16.7%	16.7% #2DBD97	RVB 45 189 151	#2DBD97
33.3%	33.3% #42C88A	RVB 66 200 138	#42C88A
50.0%	50.0% #59D383	RVB 89 211 131	#59D383
66.7%	66.7% #73DE83	RVB 115 222 131	#73DE83
83.3%	83.3% #92E98E	RVB 146 233 142	#92E98E
100.0%	100.0% #BDF4AC	RVB 189 244 172	#BDF4AC

#1AB3A8 #2DBD97 #42C88A #59D383 #73DE83 #92E98E #BDF4AC

#1AB3A8 - #59D383 - #BDF4AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AB3A8 0%, #59D383 50%, #BDF4AC 100%);
    background: -webkit-linear-gradient(top, #1AB3A8 0%, #59D383 50%, #BDF4AC 100%);
    background: linear-gradient(to bottom, #1AB3A8 0%, #59D383 50%, #BDF4AC 100%);
}
</style>