#848675 - #DBDCD7 | 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 #848675 à #DBDCD7

#848675 #DBDCD7

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

#848675 - #DBDCD7 | 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 #848675 0% et #DBDCD7 100%.

0.0%	0.0% #848675	RVB 132 134 117	#848675
16.7%	16.7% #929485	RVB 146 148 133	#929485
33.3%	33.3% #A1A295	RVB 161 162 149	#A1A295
50.0%	50.0% #AFB1A6	RVB 175 177 166	#AFB1A6
66.7%	66.7% #BEBFB6	RVB 190 191 182	#BEBFB6
83.3%	83.3% #CCCDC6	RVB 204 205 198	#CCCDC6
100.0%	100.0% #DBDCD7	RVB 219 220 215	#DBDCD7

#848675 #929485 #A1A295 #AFB1A6 #BEBFB6 #CCCDC6 #DBDCD7

#848675 - #DBDCD7

Mélange HSV

#848675 - #DBDCD7 | 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 #848675 0% et #DBDCD7 100%.

0.0%	0.0% #848675	RVB 132 134 117	#848675
16.7%	16.7% #929484	RVB 146 148 132	#929484
33.3%	33.3% #A0A293	RVB 160 162 147	#A0A293
50.0%	50.0% #AEB1A3	RVB 174 177 163	#AEB1A3
66.7%	66.7% #BDBFB4	RVB 189 191 180	#BDBFB4
83.3%	83.3% #CCCDC5	RVB 204 205 197	#CCCDC5
100.0%	100.0% #DBDCD7	RVB 219 220 215	#DBDCD7

#848675 #929484 #A0A293 #AEB1A3 #BDBFB4 #CCCDC5 #DBDCD7

#848675 - #AEB1A3 - #DBDCD7

Codes CSS

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

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