#5E4D4D - #D5707B | 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 #5E4D4D à #D5707B

#5E4D4D #D5707B

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

#5E4D4D - #D5707B | 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 #5E4D4D 0% et #D5707B 100%.

0.0%	0.0% #5E4D4D	RVB 94 77 77	#5E4D4D
16.7%	16.7% #715254	RVB 113 82 84	#715254
33.3%	33.3% #85585C	RVB 133 88 92	#85585C
50.0%	50.0% #995E64	RVB 153 94 100	#995E64
66.7%	66.7% #AD646B	RVB 173 100 107	#AD646B
83.3%	83.3% #C16A73	RVB 193 106 115	#C16A73
100.0%	100.0% #D5707B	RVB 213 112 123	#D5707B

#5E4D4D #715254 #85585C #995E64 #AD646B #C16A73 #D5707B

#5E4D4D - #D5707B

Mélange HSV

#5E4D4D - #D5707B | 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 #5E4D4D 0% et #D5707B 100%.

0.0%	0.0% #5E4D4D	RVB 94 77 77	#5E4D4D
16.7%	16.7% #715758	RVB 113 87 88	#715758
33.3%	33.3% #856061	RVB 133 96 97	#856061
50.0%	50.0% #996769	RVB 153 103 105	#996769
66.7%	66.7% #AD6C70	RVB 173 108 112	#AD6C70
83.3%	83.3% #C16F76	RVB 193 111 118	#C16F76
100.0%	100.0% #D5707B	RVB 213 112 123	#D5707B

#5E4D4D #715758 #856061 #996769 #AD6C70 #C16F76 #D5707B

#5E4D4D - #996769 - #D5707B

Codes CSS

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

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