#DFD9DB - #FFECE4 | 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 #DFD9DB à #FFECE4

#DFD9DB #FFECE4

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

#DFD9DB - #FFECE4 | 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 #DFD9DB 0% et #FFECE4 100%.

0.0%	0.0% #DFD9DB	RVB 223 217 219	#DFD9DB
16.7%	16.7% #E4DCDC	RVB 228 220 220	#E4DCDC
33.3%	33.3% #E9DFDE	RVB 233 223 222	#E9DFDE
50.0%	50.0% #EFE2DF	RVB 239 226 223	#EFE2DF
66.7%	66.7% #F4E5E1	RVB 244 229 225	#F4E5E1
83.3%	83.3% #F9E8E2	RVB 249 232 226	#F9E8E2
100.0%	100.0% #FFECE4	RVB 255 236 228	#FFECE4

#DFD9DB #E4DCDC #E9DFDE #EFE2DF #F4E5E1 #F9E8E2 #FFECE4

#DFD9DB - #FFECE4

Mélange HSV

#DFD9DB - #FFECE4 | 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 #DFD9DB 0% et #FFECE4 100%.

0.0%	0.0% #DFD9DB	RVB 223 217 219	#DFD9DB
16.7%	16.7% #E4DBDD	RVB 228 219 221	#E4DBDD
33.3%	33.3% #E9DDDE	RVB 233 221 222	#E9DDDE
50.0%	50.0% #EFDFDF	RVB 239 223 223	#EFDFDF
66.7%	66.7% #F4E2E0	RVB 244 226 224	#F4E2E0
83.3%	83.3% #F9E6E2	RVB 249 230 226	#F9E6E2
100.0%	100.0% #FFECE4	RVB 255 236 228	#FFECE4

#DFD9DB #E4DBDD #E9DDDE #EFDFDF #F4E2E0 #F9E6E2 #FFECE4

#DFD9DB - #EFDFDF - #FFECE4

Codes CSS

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

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