#181814 - #BDBDBB | 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 #181814 à #BDBDBB

#181814 #BDBDBB

Calculez la couleur entre deux couleurs, #181814 et #BDBDBB. 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)

#181814 - #BDBDBB | 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 #181814 0% et #BDBDBB 100%.

0.0%	0.0% #181814	RVB 24 24 20	#181814
16.7%	16.7% #33332F	RVB 51 51 47	#33332F
33.3%	33.3% #4F4F4B	RVB 79 79 75	#4F4F4B
50.0%	50.0% #6A6A67	RVB 106 106 103	#6A6A67
66.7%	66.7% #868683	RVB 134 134 131	#868683
83.3%	83.3% #A1A19F	RVB 161 161 159	#A1A19F
100.0%	100.0% #BDBDBB	RVB 189 189 187	#BDBDBB

#181814 #33332F #4F4F4B #6A6A67 #868683 #A1A19F #BDBDBB

#181814 - #BDBDBB

Mélange HSV

#181814 - #BDBDBB | 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 #181814 0% et #BDBDBB 100%.

0.0%	0.0% #181814	RVB 24 24 20	#181814
16.7%	16.7% #33332C	RVB 51 51 44	#33332C
33.3%	33.3% #4F4F45	RVB 79 79 69	#4F4F45
50.0%	50.0% #6A6A61	RVB 106 106 97	#6A6A61
66.7%	66.7% #86867D	RVB 134 134 125	#86867D
83.3%	83.3% #A1A19B	RVB 161 161 155	#A1A19B
100.0%	100.0% #BDBDBB	RVB 189 189 187	#BDBDBB

#181814 #33332C #4F4F45 #6A6A61 #86867D #A1A19B #BDBDBB

#181814 - #6A6A61 - #BDBDBB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181814 0%, #6A6A61 50%, #BDBDBB 100%);
    background: -webkit-linear-gradient(top, #181814 0%, #6A6A61 50%, #BDBDBB 100%);
    background: linear-gradient(to bottom, #181814 0%, #6A6A61 50%, #BDBDBB 100%);
}
</style>