#AFAD9F - #E8E7E3 | 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 #AFAD9F à #E8E7E3

#AFAD9F #E8E7E3

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

#AFAD9F - #E8E7E3 | 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 #AFAD9F 0% et #E8E7E3 100%.

0.0%	0.0% #AFAD9F	RVB 175 173 159	#AFAD9F
16.7%	16.7% #B8B6AA	RVB 184 182 170	#B8B6AA
33.3%	33.3% #C2C0B5	RVB 194 192 181	#C2C0B5
50.0%	50.0% #CBCAC1	RVB 203 202 193	#CBCAC1
66.7%	66.7% #D5D3CC	RVB 213 211 204	#D5D3CC
83.3%	83.3% #DEDDD7	RVB 222 221 215	#DEDDD7
100.0%	100.0% #E8E7E3	RVB 232 231 227	#E8E7E3

#AFAD9F #B8B6AA #C2C0B5 #CBCAC1 #D5D3CC #DEDDD7 #E8E7E3

#AFAD9F - #E8E7E3

Mélange HSV

#AFAD9F - #E8E7E3 | 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 #AFAD9F 0% et #E8E7E3 100%.

0.0%	0.0% #AFAD9F	RVB 175 173 159	#AFAD9F
16.7%	16.7% #B8B6A9	RVB 184 182 169	#B8B6A9
33.3%	33.3% #C2C0B4	RVB 194 192 180	#C2C0B4
50.0%	50.0% #CBC9C0	RVB 203 201 192	#CBC9C0
66.7%	66.7% #D5D3CB	RVB 213 211 203	#D5D3CB
83.3%	83.3% #DEDDD7	RVB 222 221 215	#DEDDD7
100.0%	100.0% #E8E7E3	RVB 232 231 227	#E8E7E3

#AFAD9F #B8B6A9 #C2C0B4 #CBC9C0 #D5D3CB #DEDDD7 #E8E7E3

#AFAD9F - #CBC9C0 - #E8E7E3

Codes CSS

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

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