#DAD4DA - #DCE5E2 | 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 #DAD4DA à #DCE5E2

#DAD4DA #DCE5E2

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

#DAD4DA - #DCE5E2 | 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 #DAD4DA 0% et #DCE5E2 100%.

0.0%	0.0% #DAD4DA	RVB 218 212 218	#DAD4DA
16.7%	16.7% #DAD6DB	RVB 218 214 219	#DAD6DB
33.3%	33.3% #DAD9DC	RVB 218 217 220	#DAD9DC
50.0%	50.0% #DBDCDE	RVB 219 220 222	#DBDCDE
66.7%	66.7% #DBDFDF	RVB 219 223 223	#DBDFDF
83.3%	83.3% #DBE2E0	RVB 219 226 224	#DBE2E0
100.0%	100.0% #DCE5E2	RVB 220 229 226	#DCE5E2

#DAD4DA #DAD6DB #DAD9DC #DBDCDE #DBDFDF #DBE2E0 #DCE5E2

#DAD4DA - #DCE5E2

Mélange HSV

#DAD4DA - #DCE5E2 | 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 #DAD4DA 0% et #DCE5E2 100%.

0.0%	0.0% #DAD4DA	RVB 218 212 218	#DAD4DA
16.7%	16.7% #D9D5DB	RVB 217 213 219	#D9D5DB
33.3%	33.3% #D8D6DD	RVB 216 214 221	#D8D6DD
50.0%	50.0% #D8D9DF	RVB 216 217 223	#D8D9DF
66.7%	66.7% #D9DDE1	RVB 217 221 225	#D9DDE1
83.3%	83.3% #DAE2E3	RVB 218 226 227	#DAE2E3
100.0%	100.0% #DCE5E2	RVB 220 229 226	#DCE5E2

#DAD4DA #D9D5DB #D8D6DD #D8D9DF #D9DDE1 #DAE2E3 #DCE5E2

#DAD4DA - #D8D9DF - #DCE5E2

Codes CSS

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

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