#ADAF9F - #EDE3B9 | 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 #ADAF9F à #EDE3B9

#ADAF9F #EDE3B9

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

#ADAF9F - #EDE3B9 | 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 #ADAF9F 0% et #EDE3B9 100%.

0.0%	0.0% #ADAF9F	RVB 173 175 159	#ADAF9F
16.7%	16.7% #B7B7A3	RVB 183 183 163	#B7B7A3
33.3%	33.3% #C2C0A7	RVB 194 192 167	#C2C0A7
50.0%	50.0% #CDC9AC	RVB 205 201 172	#CDC9AC
66.7%	66.7% #D7D1B0	RVB 215 209 176	#D7D1B0
83.3%	83.3% #E2DAB4	RVB 226 218 180	#E2DAB4
100.0%	100.0% #EDE3B9	RVB 237 227 185	#EDE3B9

#ADAF9F #B7B7A3 #C2C0A7 #CDC9AC #D7D1B0 #E2DAB4 #EDE3B9

#ADAF9F - #EDE3B9

Mélange HSV

#ADAF9F - #EDE3B9 | 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 #ADAF9F 0% et #EDE3B9 100%.

0.0%	0.0% #ADAF9F	RVB 173 175 159	#ADAF9F
16.7%	16.7% #B7B9A4	RVB 183 185 164	#B7B9A4
33.3%	33.3% #C3C3A9	RVB 195 195 169	#C3C3A9
50.0%	50.0% #CECCAD	RVB 206 204 173	#CECCAD
66.7%	66.7% #D8D5B2	RVB 216 213 178	#D8D5B2
83.3%	83.3% #E2DCB5	RVB 226 220 181	#E2DCB5
100.0%	100.0% #EDE3B9	RVB 237 227 185	#EDE3B9

#ADAF9F #B7B9A4 #C3C3A9 #CECCAD #D8D5B2 #E2DCB5 #EDE3B9

#ADAF9F - #CECCAD - #EDE3B9

Codes CSS

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

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