#A2D9D9 - #33ABAC | 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 #A2D9D9 à #33ABAC

#A2D9D9 #33ABAC

Calculez la couleur entre deux couleurs, #A2D9D9 et #33ABAC. 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)

#A2D9D9 - #33ABAC | 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 #A2D9D9 0% et #33ABAC 100%.

0.0%	0.0% #A2D9D9	RVB 162 217 217	#A2D9D9
16.7%	16.7% #8FD1D1	RVB 143 209 209	#8FD1D1
33.3%	33.3% #7DC9CA	RVB 125 201 202	#7DC9CA
50.0%	50.0% #6AC2C2	RVB 106 194 194	#6AC2C2
66.7%	66.7% #58BABB	RVB 88 186 187	#58BABB
83.3%	83.3% #45B2B3	RVB 69 178 179	#45B2B3
100.0%	100.0% #33ABAC	RVB 51 171 172	#33ABAC

#A2D9D9 #8FD1D1 #7DC9CA #6AC2C2 #58BABB #45B2B3 #33ABAC

#A2D9D9 - #33ABAC

Mélange HSV

#A2D9D9 - #33ABAC | 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 #A2D9D9 0% et #33ABAC 100%.

0.0%	0.0% #A2D9D9	RVB 162 217 217	#A2D9D9
16.7%	16.7% #8CD1D1	RVB 140 209 209	#8CD1D1
33.3%	33.3% #78C9CA	RVB 120 201 202	#78C9CA
50.0%	50.0% #65C2C2	RVB 101 194 194	#65C2C2
66.7%	66.7% #53BABB	RVB 83 186 187	#53BABB
83.3%	83.3% #42B2B3	RVB 66 178 179	#42B2B3
100.0%	100.0% #33ABAC	RVB 51 171 172	#33ABAC

#A2D9D9 #8CD1D1 #78C9CA #65C2C2 #53BABB #42B2B3 #33ABAC

#A2D9D9 - #65C2C2 - #33ABAC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2D9D9 0%, #65C2C2 50%, #33ABAC 100%);
    background: -webkit-linear-gradient(top, #A2D9D9 0%, #65C2C2 50%, #33ABAC 100%);
    background: linear-gradient(to bottom, #A2D9D9 0%, #65C2C2 50%, #33ABAC 100%);
}
</style>