#EFD4D4 - #FCFDF2 | 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 #EFD4D4 à #FCFDF2

#EFD4D4 #FCFDF2

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

#EFD4D4 - #FCFDF2 | 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 #EFD4D4 0% et #FCFDF2 100%.

0.0%	0.0% #EFD4D4	RVB 239 212 212	#EFD4D4
16.7%	16.7% #F1DAD9	RVB 241 218 217	#F1DAD9
33.3%	33.3% #F3E1DE	RVB 243 225 222	#F3E1DE
50.0%	50.0% #F5E8E3	RVB 245 232 227	#F5E8E3
66.7%	66.7% #F7EFE8	RVB 247 239 232	#F7EFE8
83.3%	83.3% #F9F6ED	RVB 249 246 237	#F9F6ED
100.0%	100.0% #FCFDF2	RVB 252 253 242	#FCFDF2

#EFD4D4 #F1DAD9 #F3E1DE #F5E8E3 #F7EFE8 #F9F6ED #FCFDF2

#EFD4D4 - #FCFDF2

Mélange HSV

#EFD4D4 - #FCFDF2 | 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 #EFD4D4 0% et #FCFDF2 100%.

0.0%	0.0% #EFD4D4	RVB 239 212 212	#EFD4D4
16.7%	16.7% #F1DDD8	RVB 241 221 216	#F1DDD8
33.3%	33.3% #F3E5DD	RVB 243 229 221	#F3E5DD
50.0%	50.0% #F6EDE2	RVB 246 237 226	#F6EDE2
66.7%	66.7% #F8F3E7	RVB 248 243 231	#F8F3E7
83.3%	83.3% #FAF9EC	RVB 250 249 236	#FAF9EC
100.0%	100.0% #FCFDF2	RVB 252 253 242	#FCFDF2

#EFD4D4 #F1DDD8 #F3E5DD #F6EDE2 #F8F3E7 #FAF9EC #FCFDF2

#EFD4D4 - #F6EDE2 - #FCFDF2

Codes CSS

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

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