#DFDFDA - #FEF3E2 | 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 #DFDFDA à #FEF3E2

#DFDFDA #FEF3E2

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

#DFDFDA - #FEF3E2 | 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 #DFDFDA 0% et #FEF3E2 100%.

0.0%	0.0% #DFDFDA	RVB 223 223 218	#DFDFDA
16.7%	16.7% #E4E2DB	RVB 228 226 219	#E4E2DB
33.3%	33.3% #E9E5DC	RVB 233 229 220	#E9E5DC
50.0%	50.0% #EEE9DE	RVB 238 233 222	#EEE9DE
66.7%	66.7% #F3ECDF	RVB 243 236 223	#F3ECDF
83.3%	83.3% #F8EFE0	RVB 248 239 224	#F8EFE0
100.0%	100.0% #FEF3E2	RVB 254 243 226	#FEF3E2

#DFDFDA #E4E2DB #E9E5DC #EEE9DE #F3ECDF #F8EFE0 #FEF3E2

#DFDFDA - #FEF3E2

Mélange HSV

#DFDFDA - #FEF3E2 | 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 #DFDFDA 0% et #FEF3E2 100%.

0.0%	0.0% #DFDFDA	RVB 223 223 218	#DFDFDA
16.7%	16.7% #E4E3DB	RVB 228 227 219	#E4E3DB
33.3%	33.3% #E9E7DD	RVB 233 231 221	#E9E7DD
50.0%	50.0% #EEEBDE	RVB 238 235 222	#EEEBDE
66.7%	66.7% #F3EEDF	RVB 243 238 223	#F3EEDF
83.3%	83.3% #F8F1E1	RVB 248 241 225	#F8F1E1
100.0%	100.0% #FEF3E2	RVB 254 243 226	#FEF3E2

#DFDFDA #E4E3DB #E9E7DD #EEEBDE #F3EEDF #F8F1E1 #FEF3E2

#DFDFDA - #EEEBDE - #FEF3E2

Codes CSS

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

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