#A8FFF7 - #3ED5E2 | 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 #A8FFF7 à #3ED5E2

#A8FFF7 #3ED5E2

Calculez la couleur entre deux couleurs, #A8FFF7 et #3ED5E2. 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)

#A8FFF7 - #3ED5E2 | 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 #A8FFF7 0% et #3ED5E2 100%.

0.0%	0.0% #A8FFF7	RVB 168 255 247	#A8FFF7
16.7%	16.7% #96F8F3	RVB 150 248 243	#96F8F3
33.3%	33.3% #84F1F0	RVB 132 241 240	#84F1F0
50.0%	50.0% #73EAEC	RVB 115 234 236	#73EAEC
66.7%	66.7% #61E3E9	RVB 97 227 233	#61E3E9
83.3%	83.3% #4FDCE5	RVB 79 220 229	#4FDCE5
100.0%	100.0% #3ED5E2	RVB 62 213 226	#3ED5E2

#A8FFF7 #96F8F3 #84F1F0 #73EAEC #61E3E9 #4FDCE5 #3ED5E2

#A8FFF7 - #3ED5E2

Mélange HSV

#A8FFF7 - #3ED5E2 | 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 #A8FFF7 0% et #3ED5E2 100%.

0.0%	0.0% #A8FFF7	RVB 168 255 247	#A8FFF7
16.7%	16.7% #94FAF3	RVB 148 250 243	#94FAF3
33.3%	33.3% #82F5F1	RVB 130 245 241	#82F5F1
50.0%	50.0% #70F0EF	RVB 112 240 239	#70F0EF
66.7%	66.7% #5EE8EB	RVB 94 232 235	#5EE8EB
83.3%	83.3% #4EDFE6	RVB 78 223 230	#4EDFE6
100.0%	100.0% #3ED5E2	RVB 62 213 226	#3ED5E2

#A8FFF7 #94FAF3 #82F5F1 #70F0EF #5EE8EB #4EDFE6 #3ED5E2

#A8FFF7 - #70F0EF - #3ED5E2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FFF7 0%, #70F0EF 50%, #3ED5E2 100%);
    background: -webkit-linear-gradient(top, #A8FFF7 0%, #70F0EF 50%, #3ED5E2 100%);
    background: linear-gradient(to bottom, #A8FFF7 0%, #70F0EF 50%, #3ED5E2 100%);
}
</style>