#D5D5D1 - #AA9F82 | 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 #D5D5D1 à #AA9F82

#D5D5D1 #AA9F82

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

#D5D5D1 - #AA9F82 | 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 #D5D5D1 0% et #AA9F82 100%.

0.0%	0.0% #D5D5D1	RVB 213 213 209	#D5D5D1
16.7%	16.7% #CDCCC3	RVB 205 204 195	#CDCCC3
33.3%	33.3% #C6C3B6	RVB 198 195 182	#C6C3B6
50.0%	50.0% #BFBAA9	RVB 191 186 169	#BFBAA9
66.7%	66.7% #B8B19C	RVB 184 177 156	#B8B19C
83.3%	83.3% #B1A88F	RVB 177 168 143	#B1A88F
100.0%	100.0% #AA9F82	RVB 170 159 130	#AA9F82

#D5D5D1 #CDCCC3 #C6C3B6 #BFBAA9 #B8B19C #B1A88F #AA9F82

#D5D5D1 - #AA9F82

Mélange HSV

#D5D5D1 - #AA9F82 | 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 #D5D5D1 0% et #AA9F82 100%.

0.0%	0.0% #D5D5D1	RVB 213 213 209	#D5D5D1
16.7%	16.7% #CDCDC2	RVB 205 205 194	#CDCDC2
33.3%	33.3% #C6C5B4	RVB 198 197 180	#C6C5B4
50.0%	50.0% #BFBCA7	RVB 191 188 167	#BFBCA7
66.7%	66.7% #B8B29A	RVB 184 178 154	#B8B29A
83.3%	83.3% #B1A98D	RVB 177 169 141	#B1A98D
100.0%	100.0% #AA9F82	RVB 170 159 130	#AA9F82

#D5D5D1 #CDCDC2 #C6C5B4 #BFBCA7 #B8B29A #B1A98D #AA9F82

#D5D5D1 - #BFBCA7 - #AA9F82

Codes CSS

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

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