#DEDEDF - #E5E6FD | 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 #DEDEDF à #E5E6FD

#DEDEDF #E5E6FD

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

#DEDEDF - #E5E6FD | 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 #DEDEDF 0% et #E5E6FD 100%.

0.0%	0.0% #DEDEDF	RVB 222 222 223	#DEDEDF
16.7%	16.7% #DFDFE4	RVB 223 223 228	#DFDFE4
33.3%	33.3% #E0E0E9	RVB 224 224 233	#E0E0E9
50.0%	50.0% #E1E2EE	RVB 225 226 238	#E1E2EE
66.7%	66.7% #E2E3F3	RVB 226 227 243	#E2E3F3
83.3%	83.3% #E3E4F8	RVB 227 228 248	#E3E4F8
100.0%	100.0% #E5E6FD	RVB 229 230 253	#E5E6FD

#DEDEDF #DFDFE4 #E0E0E9 #E1E2EE #E2E3F3 #E3E4F8 #E5E6FD

#DEDEDF - #E5E6FD

Mélange HSV

#DEDEDF - #E5E6FD | 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 #DEDEDF 0% et #E5E6FD 100%.

0.0%	0.0% #DEDEDF	RVB 222 222 223	#DEDEDF
16.7%	16.7% #DFDFE4	RVB 223 223 228	#DFDFE4
33.3%	33.3% #E0E1E9	RVB 224 225 233	#E0E1E9
50.0%	50.0% #E2E2EE	RVB 226 226 238	#E2E2EE
66.7%	66.7% #E3E3F3	RVB 227 227 243	#E3E3F3
83.3%	83.3% #E4E4F8	RVB 228 228 248	#E4E4F8
100.0%	100.0% #E5E6FD	RVB 229 230 253	#E5E6FD

#DEDEDF #DFDFE4 #E0E1E9 #E2E2EE #E3E3F3 #E4E4F8 #E5E6FD

#DEDEDF - #E2E2EE - #E5E6FD

Codes CSS

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

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