#DFB5BA - #F5E9EB | 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 #DFB5BA à #F5E9EB

#DFB5BA #F5E9EB

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

#DFB5BA - #F5E9EB | 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 #DFB5BA 0% et #F5E9EB 100%.

0.0%	0.0% #DFB5BA	RVB 223 181 186	#DFB5BA
16.7%	16.7% #E2BDC2	RVB 226 189 194	#E2BDC2
33.3%	33.3% #E6C6CA	RVB 230 198 202	#E6C6CA
50.0%	50.0% #EACFD2	RVB 234 207 210	#EACFD2
66.7%	66.7% #EDD7DA	RVB 237 215 218	#EDD7DA
83.3%	83.3% #F1E0E2	RVB 241 224 226	#F1E0E2
100.0%	100.0% #F5E9EB	RVB 245 233 235	#F5E9EB

#DFB5BA #E2BDC2 #E6C6CA #EACFD2 #EDD7DA #F1E0E2 #F5E9EB

#DFB5BA - #F5E9EB

Mélange HSV

#DFB5BA - #F5E9EB | 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 #DFB5BA 0% et #F5E9EB 100%.

0.0%	0.0% #DFB5BA	RVB 223 181 186	#DFB5BA
16.7%	16.7% #E2BDC1	RVB 226 189 193	#E2BDC1
33.3%	33.3% #E6C5CA	RVB 230 197 202	#E6C5CA
50.0%	50.0% #EACED2	RVB 234 206 210	#EACED2
66.7%	66.7% #EDD6DA	RVB 237 214 218	#EDD6DA
83.3%	83.3% #F1DFE2	RVB 241 223 226	#F1DFE2
100.0%	100.0% #F5E9EB	RVB 245 233 235	#F5E9EB

#DFB5BA #E2BDC1 #E6C5CA #EACED2 #EDD6DA #F1DFE2 #F5E9EB

#DFB5BA - #EACED2 - #F5E9EB

Codes CSS

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

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