#5E636C - #BBA48D | 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 #5E636C à #BBA48D

#5E636C #BBA48D

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

#5E636C - #BBA48D | 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 #5E636C 0% et #BBA48D 100%.

0.0%	0.0% #5E636C	RVB 94 99 108	#5E636C
16.7%	16.7% #6D6D71	RVB 109 109 113	#6D6D71
33.3%	33.3% #7D7877	RVB 125 120 119	#7D7877
50.0%	50.0% #8C837C	RVB 140 131 124	#8C837C
66.7%	66.7% #9C8E82	RVB 156 142 130	#9C8E82
83.3%	83.3% #AB9987	RVB 171 153 135	#AB9987
100.0%	100.0% #BBA48D	RVB 187 164 141	#BBA48D

#5E636C #6D6D71 #7D7877 #8C837C #9C8E82 #AB9987 #BBA48D

#5E636C - #BBA48D

Mélange HSV

#5E636C - #BBA48D | 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 #5E636C 0% et #BBA48D 100%.

0.0%	0.0% #5E636C	RVB 94 99 108	#5E636C
16.7%	16.7% #696779	RVB 105 103 121	#696779
33.3%	33.3% #7D6F86	RVB 125 111 134	#7D6F86
50.0%	50.0% #937791	RVB 147 119 145	#937791
66.7%	66.7% #A07F8E	RVB 160 127 142	#A07F8E
83.3%	83.3% #AD8786	RVB 173 135 134	#AD8786
100.0%	100.0% #BBA48D	RVB 187 164 141	#BBA48D

#5E636C #696779 #7D6F86 #937791 #A07F8E #AD8786 #BBA48D

#5E636C - #937791 - #BBA48D

Codes CSS

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

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