#EEC5E5 - #FAEEF7 | 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 #EEC5E5 à #FAEEF7

#EEC5E5 #FAEEF7

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

#EEC5E5 - #FAEEF7 | 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 #EEC5E5 0% et #FAEEF7 100%.

0.0%	0.0% #EEC5E5	RVB 238 197 229	#EEC5E5
16.7%	16.7% #F0CBE8	RVB 240 203 232	#F0CBE8
33.3%	33.3% #F2D2EB	RVB 242 210 235	#F2D2EB
50.0%	50.0% #F4D9EE	RVB 244 217 238	#F4D9EE
66.7%	66.7% #F6E0F1	RVB 246 224 241	#F6E0F1
83.3%	83.3% #F8E7F4	RVB 248 231 244	#F8E7F4
100.0%	100.0% #FAEEF7	RVB 250 238 247	#FAEEF7

#EEC5E5 #F0CBE8 #F2D2EB #F4D9EE #F6E0F1 #F8E7F4 #FAEEF7

#EEC5E5 - #FAEEF7

Mélange HSV

#EEC5E5 - #FAEEF7 | 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 #EEC5E5 0% et #FAEEF7 100%.

0.0%	0.0% #EEC5E5	RVB 238 197 229	#EEC5E5
16.7%	16.7% #F0CBE7	RVB 240 203 231	#F0CBE7
33.3%	33.3% #F2D2EA	RVB 242 210 234	#F2D2EA
50.0%	50.0% #F4D9ED	RVB 244 217 237	#F4D9ED
66.7%	66.7% #F6E0F0	RVB 246 224 240	#F6E0F0
83.3%	83.3% #F8E6F3	RVB 248 230 243	#F8E6F3
100.0%	100.0% #FAEEF7	RVB 250 238 247	#FAEEF7

#EEC5E5 #F0CBE7 #F2D2EA #F4D9ED #F6E0F0 #F8E6F3 #FAEEF7

#EEC5E5 - #F4D9ED - #FAEEF7

Codes CSS

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

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