#DFDBDA - #AE9F8C | 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 #DFDBDA à #AE9F8C

#DFDBDA #AE9F8C

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

#DFDBDA - #AE9F8C | 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 #DFDBDA 0% et #AE9F8C 100%.

0.0%	0.0% #DFDBDA	RVB 223 219 218	#DFDBDA
16.7%	16.7% #D6D1CD	RVB 214 209 205	#D6D1CD
33.3%	33.3% #CEC7C0	RVB 206 199 192	#CEC7C0
50.0%	50.0% #C6BDB3	RVB 198 189 179	#C6BDB3
66.7%	66.7% #BEB3A6	RVB 190 179 166	#BEB3A6
83.3%	83.3% #B6A999	RVB 182 169 153	#B6A999
100.0%	100.0% #AE9F8C	RVB 174 159 140	#AE9F8C

#DFDBDA #D6D1CD #CEC7C0 #C6BDB3 #BEB3A6 #B6A999 #AE9F8C

#DFDBDA - #AE9F8C

Mélange HSV

#DFDBDA - #AE9F8C | 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 #DFDBDA 0% et #AE9F8C 100%.

0.0%	0.0% #DFDBDA	RVB 223 219 218	#DFDBDA
16.7%	16.7% #D6CECB	RVB 214 206 203	#D6CECB
33.3%	33.3% #CEC3BE	RVB 206 195 190	#CEC3BE
50.0%	50.0% #C6B9B0	RVB 198 185 176	#C6B9B0
66.7%	66.7% #BEAFA4	RVB 190 175 164	#BEAFA4
83.3%	83.3% #B6A697	RVB 182 166 151	#B6A697
100.0%	100.0% #AE9F8C	RVB 174 159 140	#AE9F8C

#DFDBDA #D6CECB #CEC3BE #C6B9B0 #BEAFA4 #B6A697 #AE9F8C

#DFDBDA - #C6B9B0 - #AE9F8C

Codes CSS

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

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