#A6B86B - #E5EAD4 | 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 #A6B86B à #E5EAD4

#A6B86B #E5EAD4

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

#A6B86B - #E5EAD4 | 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 #A6B86B 0% et #E5EAD4 100%.

0.0%	0.0% #A6B86B	RVB 166 184 107	#A6B86B
16.7%	16.7% #B0C07C	RVB 176 192 124	#B0C07C
33.3%	33.3% #BBC88E	RVB 187 200 142	#BBC88E
50.0%	50.0% #C5D19F	RVB 197 209 159	#C5D19F
66.7%	66.7% #D0D9B1	RVB 208 217 177	#D0D9B1
83.3%	83.3% #DAE1C2	RVB 218 225 194	#DAE1C2
100.0%	100.0% #E5EAD4	RVB 229 234 212	#E5EAD4

#A6B86B #B0C07C #BBC88E #C5D19F #D0D9B1 #DAE1C2 #E5EAD4

#A6B86B - #E5EAD4

Mélange HSV

#A6B86B - #E5EAD4 | 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 #A6B86B 0% et #E5EAD4 100%.

0.0%	0.0% #A6B86B	RVB 166 184 107	#A6B86B
16.7%	16.7% #B0C07A	RVB 176 192 122	#B0C07A
33.3%	33.3% #BAC88A	RVB 186 200 138	#BAC88A
50.0%	50.0% #C4D19B	RVB 196 209 155	#C4D19B
66.7%	66.7% #CFD9AD	RVB 207 217 173	#CFD9AD
83.3%	83.3% #DAE1C0	RVB 218 225 192	#DAE1C0
100.0%	100.0% #E5EAD4	RVB 229 234 212	#E5EAD4

#A6B86B #B0C07A #BAC88A #C4D19B #CFD9AD #DAE1C0 #E5EAD4

#A6B86B - #C4D19B - #E5EAD4

Codes CSS

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

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