#5E9C7A - #D1E2D9 | 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 #5E9C7A à #D1E2D9

#5E9C7A #D1E2D9

Calculez la couleur entre deux couleurs, #5E9C7A et #D1E2D9. 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)

#5E9C7A - #D1E2D9 | 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 #5E9C7A 0% et #D1E2D9 100%.

0.0%	0.0% #5E9C7A	RVB 94 156 122	#5E9C7A
16.7%	16.7% #71A789	RVB 113 167 137	#71A789
33.3%	33.3% #84B399	RVB 132 179 153	#84B399
50.0%	50.0% #97BFA9	RVB 151 191 169	#97BFA9
66.7%	66.7% #AACAB9	RVB 170 202 185	#AACAB9
83.3%	83.3% #BDD6C9	RVB 189 214 201	#BDD6C9
100.0%	100.0% #D1E2D9	RVB 209 226 217	#D1E2D9

#5E9C7A #71A789 #84B399 #97BFA9 #AACAB9 #BDD6C9 #D1E2D9

#5E9C7A - #D1E2D9

Mélange HSV

#5E9C7A - #D1E2D9 | 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 #5E9C7A 0% et #D1E2D9 100%.

0.0%	0.0% #5E9C7A	RVB 94 156 122	#5E9C7A
16.7%	16.7% #6EA788	RVB 110 167 136	#6EA788
33.3%	33.3% #7FB397	RVB 127 179 151	#7FB397
50.0%	50.0% #91BFA6	RVB 145 191 166	#91BFA6
66.7%	66.7% #A5CAB6	RVB 165 202 182	#A5CAB6
83.3%	83.3% #BAD6C7	RVB 186 214 199	#BAD6C7
100.0%	100.0% #D1E2D9	RVB 209 226 217	#D1E2D9

#5E9C7A #6EA788 #7FB397 #91BFA6 #A5CAB6 #BAD6C7 #D1E2D9

#5E9C7A - #91BFA6 - #D1E2D9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9C7A 0%, #91BFA6 50%, #D1E2D9 100%);
    background: -webkit-linear-gradient(top, #5E9C7A 0%, #91BFA6 50%, #D1E2D9 100%);
    background: linear-gradient(to bottom, #5E9C7A 0%, #91BFA6 50%, #D1E2D9 100%);
}
</style>