#A2AD8C - #ECF2AB | 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 #A2AD8C à #ECF2AB

#A2AD8C #ECF2AB

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

#A2AD8C - #ECF2AB | 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 #A2AD8C 0% et #ECF2AB 100%.

0.0%	0.0% #A2AD8C	RVB 162 173 140	#A2AD8C
16.7%	16.7% #AEB891	RVB 174 184 145	#AEB891
33.3%	33.3% #BAC496	RVB 186 196 150	#BAC496
50.0%	50.0% #C7CF9B	RVB 199 207 155	#C7CF9B
66.7%	66.7% #D3DBA0	RVB 211 219 160	#D3DBA0
83.3%	83.3% #DFE6A5	RVB 223 230 165	#DFE6A5
100.0%	100.0% #ECF2AB	RVB 236 242 171	#ECF2AB

#A2AD8C #AEB891 #BAC496 #C7CF9B #D3DBA0 #DFE6A5 #ECF2AB

#A2AD8C - #ECF2AB

Mélange HSV

#A2AD8C - #ECF2AB | 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 #A2AD8C 0% et #ECF2AB 100%.

0.0%	0.0% #A2AD8C	RVB 162 173 140	#A2AD8C
16.7%	16.7% #ADB892	RVB 173 184 146	#ADB892
33.3%	33.3% #B8C497	RVB 184 196 151	#B8C497
50.0%	50.0% #C5CF9D	RVB 197 207 157	#C5CF9D
66.7%	66.7% #D1DBA2	RVB 209 219 162	#D1DBA2
83.3%	83.3% #DEE6A6	RVB 222 230 166	#DEE6A6
100.0%	100.0% #ECF2AB	RVB 236 242 171	#ECF2AB

#A2AD8C #ADB892 #B8C497 #C5CF9D #D1DBA2 #DEE6A6 #ECF2AB

#A2AD8C - #C5CF9D - #ECF2AB

Codes CSS

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

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