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

#00A19C #B6E4E2

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

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #1EACA7	RVB 30 172 167	#1EACA7
33.3%	33.3% #3CB7B3	RVB 60 183 179	#3CB7B3
50.0%	50.0% #5BC2BF	RVB 91 194 191	#5BC2BF
66.7%	66.7% #79CDCA	RVB 121 205 202	#79CDCA
83.3%	83.3% #97D8D6	RVB 151 216 214	#97D8D6
100.0%	100.0% #B6E4E2	RVB 182 228 226	#B6E4E2

#00A19C #1EACA7 #3CB7B3 #5BC2BF #79CDCA #97D8D6 #B6E4E2

#00A19C - #B6E4E2

Mélange HSV

#00A19C - #B6E4E2 | 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 #B6E4E2 100%.

0.0%	0.0% #00A19C	RVB 0 161 156	#00A19C
16.7%	16.7% #16ACA7	RVB 22 172 167	#16ACA7
33.3%	33.3% #30B7B2	RVB 48 183 178	#30B7B2
50.0%	50.0% #4DC2BE	RVB 77 194 190	#4DC2BE
66.7%	66.7% #6DCDC9	RVB 109 205 201	#6DCDC9
83.3%	83.3% #90D8D5	RVB 144 216 213	#90D8D5
100.0%	100.0% #B6E4E2	RVB 182 228 226	#B6E4E2

#00A19C #16ACA7 #30B7B2 #4DC2BE #6DCDC9 #90D8D5 #B6E4E2

#00A19C - #4DC2BE - #B6E4E2

Codes CSS

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

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