#E3E6CF - #A8BA7D | 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 #E3E6CF à #A8BA7D

#E3E6CF #A8BA7D

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

#E3E6CF - #A8BA7D | 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 #E3E6CF 0% et #A8BA7D 100%.

0.0%	0.0% #E3E6CF	RVB 227 230 207	#E3E6CF
16.7%	16.7% #D9DEC1	RVB 217 222 193	#D9DEC1
33.3%	33.3% #CFD7B3	RVB 207 215 179	#CFD7B3
50.0%	50.0% #C5D0A6	RVB 197 208 166	#C5D0A6
66.7%	66.7% #BBC898	RVB 187 200 152	#BBC898
83.3%	83.3% #B1C18A	RVB 177 193 138	#B1C18A
100.0%	100.0% #A8BA7D	RVB 168 186 125	#A8BA7D

#E3E6CF #D9DEC1 #CFD7B3 #C5D0A6 #BBC898 #B1C18A #A8BA7D

#E3E6CF - #A8BA7D

Mélange HSV

#E3E6CF - #A8BA7D | 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 #E3E6CF 0% et #A8BA7D 100%.

0.0%	0.0% #E3E6CF	RVB 227 230 207	#E3E6CF
16.7%	16.7% #D9DEBF	RVB 217 222 191	#D9DEBF
33.3%	33.3% #D0D7B1	RVB 208 215 177	#D0D7B1
50.0%	50.0% #C6D0A3	RVB 198 208 163	#C6D0A3
66.7%	66.7% #BCC896	RVB 188 200 150	#BCC896
83.3%	83.3% #B2C189	RVB 178 193 137	#B2C189
100.0%	100.0% #A8BA7D	RVB 168 186 125	#A8BA7D

#E3E6CF #D9DEBF #D0D7B1 #C6D0A3 #BCC896 #B2C189 #A8BA7D

#E3E6CF - #C6D0A3 - #A8BA7D

Codes CSS

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

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