#A8EED4 - #E5E6C4 | 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 #A8EED4 à #E5E6C4

#A8EED4 #E5E6C4

Calculez la couleur entre deux couleurs, #A8EED4 et #E5E6C4. 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)

#A8EED4 - #E5E6C4 | 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 #A8EED4 0% et #E5E6C4 100%.

0.0%	0.0% #A8EED4	RVB 168 238 212	#A8EED4
16.7%	16.7% #B2ECD1	RVB 178 236 209	#B2ECD1
33.3%	33.3% #BCEBCE	RVB 188 235 206	#BCEBCE
50.0%	50.0% #C6EACC	RVB 198 234 204	#C6EACC
66.7%	66.7% #D0E8C9	RVB 208 232 201	#D0E8C9
83.3%	83.3% #DAE7C6	RVB 218 231 198	#DAE7C6
100.0%	100.0% #E5E6C4	RVB 229 230 196	#E5E6C4

#A8EED4 #B2ECD1 #BCEBCE #C6EACC #D0E8C9 #DAE7C6 #E5E6C4

#A8EED4 - #E5E6C4

Mélange HSV

#A8EED4 - #E5E6C4 | 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 #A8EED4 0% et #E5E6C4 100%.

0.0%	0.0% #A8EED4	RVB 168 238 212	#A8EED4
16.7%	16.7% #ACECC3	RVB 172 236 195	#ACECC3
33.3%	33.3% #B1EBB7	RVB 177 235 183	#B1EBB7
50.0%	50.0% #BFEAB6	RVB 191 234 182	#BFEAB6
66.7%	66.7% #CEE8BA	RVB 206 232 186	#CEE8BA
83.3%	83.3% #DBE7BF	RVB 219 231 191	#DBE7BF
100.0%	100.0% #E5E6C4	RVB 229 230 196	#E5E6C4

#A8EED4 #ACECC3 #B1EBB7 #BFEAB6 #CEE8BA #DBE7BF #E5E6C4

#A8EED4 - #BFEAB6 - #E5E6C4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8EED4 0%, #BFEAB6 50%, #E5E6C4 100%);
    background: -webkit-linear-gradient(top, #A8EED4 0%, #BFEAB6 50%, #E5E6C4 100%);
    background: linear-gradient(to bottom, #A8EED4 0%, #BFEAB6 50%, #E5E6C4 100%);
}
</style>