#84867A - #DBDCD9 | 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 #84867A à #DBDCD9

#84867A #DBDCD9

Calculez la couleur entre deux couleurs, #84867A et #DBDCD9. 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)

#84867A - #DBDCD9 | 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 #84867A 0% et #DBDCD9 100%.

0.0%	0.0% #84867A	RVB 132 134 122	#84867A
16.7%	16.7% #929489	RVB 146 148 137	#929489
33.3%	33.3% #A1A299	RVB 161 162 153	#A1A299
50.0%	50.0% #AFB1A9	RVB 175 177 169	#AFB1A9
66.7%	66.7% #BEBFB9	RVB 190 191 185	#BEBFB9
83.3%	83.3% #CCCDC9	RVB 204 205 201	#CCCDC9
100.0%	100.0% #DBDCD9	RVB 219 220 217	#DBDCD9

#84867A #929489 #A1A299 #AFB1A9 #BEBFB9 #CCCDC9 #DBDCD9

#84867A - #DBDCD9

Mélange HSV

#84867A - #DBDCD9 | 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 #84867A 0% et #DBDCD9 100%.

0.0%	0.0% #84867A	RVB 132 134 122	#84867A
16.7%	16.7% #929488	RVB 146 148 136	#929488
33.3%	33.3% #A0A298	RVB 160 162 152	#A0A298
50.0%	50.0% #AEB1A7	RVB 174 177 167	#AEB1A7
66.7%	66.7% #BDBFB7	RVB 189 191 183	#BDBFB7
83.3%	83.3% #CCCDC8	RVB 204 205 200	#CCCDC8
100.0%	100.0% #DBDCD9	RVB 219 220 217	#DBDCD9

#84867A #929488 #A0A298 #AEB1A7 #BDBFB7 #CCCDC8 #DBDCD9

#84867A - #AEB1A7 - #DBDCD9

Codes CSS

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

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