#ECC5E2 - #FEFBF8 | 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 #ECC5E2 à #FEFBF8

#ECC5E2 #FEFBF8

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

#ECC5E2 - #FEFBF8 | 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 #ECC5E2 0% et #FEFBF8 100%.

0.0%	0.0% #ECC5E2	RVB 236 197 226	#ECC5E2
16.7%	16.7% #EFCEE5	RVB 239 206 229	#EFCEE5
33.3%	33.3% #F2D7E9	RVB 242 215 233	#F2D7E9
50.0%	50.0% #F5E0ED	RVB 245 224 237	#F5E0ED
66.7%	66.7% #F8E9F0	RVB 248 233 240	#F8E9F0
83.3%	83.3% #FBF2F4	RVB 251 242 244	#FBF2F4
100.0%	100.0% #FEFBF8	RVB 254 251 248	#FEFBF8

#ECC5E2 #EFCEE5 #F2D7E9 #F5E0ED #F8E9F0 #FBF2F4 #FEFBF8

#ECC5E2 - #FEFBF8

Mélange HSV

#ECC5E2 - #FEFBF8 | 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 #ECC5E2 0% et #FEFBF8 100%.

0.0%	0.0% #ECC5E2	RVB 236 197 226	#ECC5E2
16.7%	16.7% #EFCDDF	RVB 239 205 223	#EFCDDF
33.3%	33.3% #F2D5DE	RVB 242 213 222	#F2D5DE
50.0%	50.0% #F5DDE0	RVB 245 221 224	#F5DDE0
66.7%	66.7% #F8E7E6	RVB 248 231 230	#F8E7E6
83.3%	83.3% #FBF2EF	RVB 251 242 239	#FBF2EF
100.0%	100.0% #FEFBF8	RVB 254 251 248	#FEFBF8

#ECC5E2 #EFCDDF #F2D5DE #F5DDE0 #F8E7E6 #FBF2EF #FEFBF8

#ECC5E2 - #F5DDE0 - #FEFBF8

Codes CSS

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

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