#A8A8AF - #DFD2B9 | 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 #A8A8AF à #DFD2B9

#A8A8AF #DFD2B9

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

#A8A8AF - #DFD2B9 | 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 #A8A8AF 0% et #DFD2B9 100%.

0.0%	0.0% #A8A8AF	RVB 168 168 175	#A8A8AF
16.7%	16.7% #B1AFB0	RVB 177 175 176	#B1AFB0
33.3%	33.3% #BAB6B2	RVB 186 182 178	#BAB6B2
50.0%	50.0% #C3BDB4	RVB 195 189 180	#C3BDB4
66.7%	66.7% #CCC4B5	RVB 204 196 181	#CCC4B5
83.3%	83.3% #D5CBB7	RVB 213 203 183	#D5CBB7
100.0%	100.0% #DFD2B9	RVB 223 210 185	#DFD2B9

#A8A8AF #B1AFB0 #BAB6B2 #C3BDB4 #CCC4B5 #D5CBB7 #DFD2B9

#A8A8AF - #DFD2B9

Mélange HSV

#A8A8AF - #DFD2B9 | 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 #A8A8AF 0% et #DFD2B9 100%.

0.0%	0.0% #A8A8AF	RVB 168 168 175	#A8A8AF
16.7%	16.7% #B0ABB7	RVB 176 171 183	#B0ABB7
33.3%	33.3% #BDAFBF	RVB 189 175 191	#BDAFBF
50.0%	50.0% #C7B2C0	RVB 199 178 192	#C7B2C0
66.7%	66.7% #CFB4BA	RVB 207 180 186	#CFB4BA
83.3%	83.3% #D7BDB7	RVB 215 189 183	#D7BDB7
100.0%	100.0% #DFD2B9	RVB 223 210 185	#DFD2B9

#A8A8AF #B0ABB7 #BDAFBF #C7B2C0 #CFB4BA #D7BDB7 #DFD2B9

#A8A8AF - #C7B2C0 - #DFD2B9

Codes CSS

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

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