#ECEAF6 - #AD9ABF | 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 #ECEAF6 à #AD9ABF

#ECEAF6 #AD9ABF

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

#ECEAF6 - #AD9ABF | 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 #ECEAF6 0% et #AD9ABF 100%.

0.0%	0.0% #ECEAF6	RVB 236 234 246	#ECEAF6
16.7%	16.7% #E1DCEC	RVB 225 220 236	#E1DCEC
33.3%	33.3% #D7CFE3	RVB 215 207 227	#D7CFE3
50.0%	50.0% #CCC2DA	RVB 204 194 218	#CCC2DA
66.7%	66.7% #C2B4D1	RVB 194 180 209	#C2B4D1
83.3%	83.3% #B7A7C8	RVB 183 167 200	#B7A7C8
100.0%	100.0% #AD9ABF	RVB 173 154 191	#AD9ABF

#ECEAF6 #E1DCEC #D7CFE3 #CCC2DA #C2B4D1 #B7A7C8 #AD9ABF

#ECEAF6 - #AD9ABF

Mélange HSV

#ECEAF6 - #AD9ABF | 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 #ECEAF6 0% et #AD9ABF 100%.

0.0%	0.0% #ECEAF6	RVB 236 234 246	#ECEAF6
16.7%	16.7% #DFDBEC	RVB 223 219 236	#DFDBEC
33.3%	33.3% #D3CDE3	RVB 211 205 227	#D3CDE3
50.0%	50.0% #C9C0DA	RVB 201 192 218	#C9C0DA
66.7%	66.7% #BFB2D1	RVB 191 178 209	#BFB2D1
83.3%	83.3% #B5A6C8	RVB 181 166 200	#B5A6C8
100.0%	100.0% #AD9ABF	RVB 173 154 191	#AD9ABF

#ECEAF6 #DFDBEC #D3CDE3 #C9C0DA #BFB2D1 #B5A6C8 #AD9ABF

#ECEAF6 - #C9C0DA - #AD9ABF

Codes CSS

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

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