#573E5E - #8FAB9D | 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 #573E5E à #8FAB9D

#573E5E #8FAB9D

Calculez la couleur entre deux couleurs, #573E5E et #8FAB9D. 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)

#573E5E - #8FAB9D | 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 #573E5E 0% et #8FAB9D 100%.

0.0%	0.0% #573E5E	RVB 87 62 94	#573E5E
16.7%	16.7% #605068	RVB 96 80 104	#605068
33.3%	33.3% #696273	RVB 105 98 115	#696273
50.0%	50.0% #73747D	RVB 115 116 125	#73747D
66.7%	66.7% #7C8688	RVB 124 134 136	#7C8688
83.3%	83.3% #859892	RVB 133 152 146	#859892
100.0%	100.0% #8FAB9D	RVB 143 171 157	#8FAB9D

#573E5E #605068 #696273 #73747D #7C8688 #859892 #8FAB9D

#573E5E - #8FAB9D

Mélange HSV

#573E5E - #8FAB9D | 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 #573E5E 0% et #8FAB9D 100%.

0.0%	0.0% #573E5E	RVB 87 62 94	#573E5E
16.7%	16.7% #56496A	RVB 86 73 106	#56496A
33.3%	33.3% #565577	RVB 86 85 119	#565577
50.0%	50.0% #636F84	RVB 99 111 132	#636F84
66.7%	66.7% #708891	RVB 112 136 145	#708891
83.3%	83.3% #7F9E9A	RVB 127 158 154	#7F9E9A
100.0%	100.0% #8FAB9D	RVB 143 171 157	#8FAB9D

#573E5E #56496A #565577 #636F84 #708891 #7F9E9A #8FAB9D

#573E5E - #636F84 - #8FAB9D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #573E5E 0%, #636F84 50%, #8FAB9D 100%);
    background: -webkit-linear-gradient(top, #573E5E 0%, #636F84 50%, #8FAB9D 100%);
    background: linear-gradient(to bottom, #573E5E 0%, #636F84 50%, #8FAB9D 100%);
}
</style>