#5E566D - #EE9F81 | 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 #5E566D à #EE9F81

#5E566D #EE9F81

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

#5E566D - #EE9F81 | 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 #5E566D 0% et #EE9F81 100%.

0.0%	0.0% #5E566D	RVB 94 86 109	#5E566D
16.7%	16.7% #766270	RVB 118 98 112	#766270
33.3%	33.3% #8E6E73	RVB 142 110 115	#8E6E73
50.0%	50.0% #A67A77	RVB 166 122 119	#A67A77
66.7%	66.7% #BE867A	RVB 190 134 122	#BE867A
83.3%	83.3% #D6927D	RVB 214 146 125	#D6927D
100.0%	100.0% #EE9F81	RVB 238 159 129	#EE9F81

#5E566D #766270 #8E6E73 #A67A77 #BE867A #D6927D #EE9F81

#5E566D - #EE9F81

Mélange HSV

#5E566D - #EE9F81 | 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 #5E566D 0% et #EE9F81 100%.

0.0%	0.0% #5E566D	RVB 94 86 109	#5E566D
16.7%	16.7% #776182	RVB 119 97 130	#776182
33.3%	33.3% #976B98	RVB 151 107 152	#976B98
50.0%	50.0% #AD739B	RVB 173 115 155	#AD739B
66.7%	66.7% #C37994	RVB 195 121 148	#C37994
83.3%	83.3% #D87E82	RVB 216 126 130	#D87E82
100.0%	100.0% #EE9F81	RVB 238 159 129	#EE9F81

#5E566D #776182 #976B98 #AD739B #C37994 #D87E82 #EE9F81

#5E566D - #AD739B - #EE9F81

Codes CSS

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

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