#ECC5E5 - #C571AB | 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 #ECC5E5 à #C571AB

#ECC5E5 #C571AB

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

#ECC5E5 - #C571AB | 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 #ECC5E5 0% et #C571AB 100%.

0.0%	0.0% #ECC5E5	RVB 236 197 229	#ECC5E5
16.7%	16.7% #E5B7DB	RVB 229 183 219	#E5B7DB
33.3%	33.3% #DFA9D1	RVB 223 169 209	#DFA9D1
50.0%	50.0% #D89BC8	RVB 216 155 200	#D89BC8
66.7%	66.7% #D28DBE	RVB 210 141 190	#D28DBE
83.3%	83.3% #CB7FB4	RVB 203 127 180	#CB7FB4
100.0%	100.0% #C571AB	RVB 197 113 171	#C571AB

#ECC5E5 #E5B7DB #DFA9D1 #D89BC8 #D28DBE #CB7FB4 #C571AB

#ECC5E5 - #C571AB

Mélange HSV

#ECC5E5 - #C571AB | 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 #ECC5E5 0% et #C571AB 100%.

0.0%	0.0% #ECC5E5	RVB 236 197 229	#ECC5E5
16.7%	16.7% #E5B5DB	RVB 229 181 219	#E5B5DB
33.3%	33.3% #DFA6D2	RVB 223 166 210	#DFA6D2
50.0%	50.0% #D898C8	RVB 216 152 200	#D898C8
66.7%	66.7% #D28ABF	RVB 210 138 191	#D28ABF
83.3%	83.3% #CB7DB5	RVB 203 125 181	#CB7DB5
100.0%	100.0% #C571AB	RVB 197 113 171	#C571AB

#ECC5E5 #E5B5DB #DFA6D2 #D898C8 #D28ABF #CB7DB5 #C571AB

#ECC5E5 - #D898C8 - #C571AB

Codes CSS

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

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