#E3FDFF - #D9F7E6 | 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 #E3FDFF à #D9F7E6

#E3FDFF #D9F7E6

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

#E3FDFF - #D9F7E6 | 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 #E3FDFF 0% et #D9F7E6 100%.

0.0%	0.0% #E3FDFF	RVB 227 253 255	#E3FDFF
16.7%	16.7% #E1FCFA	RVB 225 252 250	#E1FCFA
33.3%	33.3% #DFFBF6	RVB 223 251 246	#DFFBF6
50.0%	50.0% #DEFAF2	RVB 222 250 242	#DEFAF2
66.7%	66.7% #DCF9EE	RVB 220 249 238	#DCF9EE
83.3%	83.3% #DAF8EA	RVB 218 248 234	#DAF8EA
100.0%	100.0% #D9F7E6	RVB 217 247 230	#D9F7E6

#E3FDFF #E1FCFA #DFFBF6 #DEFAF2 #DCF9EE #DAF8EA #D9F7E6

#E3FDFF - #D9F7E6

Mélange HSV

#E3FDFF - #D9F7E6 | 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 #E3FDFF 0% et #D9F7E6 100%.

0.0%	0.0% #E3FDFF	RVB 227 253 255	#E3FDFF
16.7%	16.7% #E1FDFC	RVB 225 253 252	#E1FDFC
33.3%	33.3% #DFFCF8	RVB 223 252 248	#DFFCF8
50.0%	50.0% #DDFBF3	RVB 221 251 243	#DDFBF3
66.7%	66.7% #DCF9EF	RVB 220 249 239	#DCF9EF
83.3%	83.3% #DAF8EA	RVB 218 248 234	#DAF8EA
100.0%	100.0% #D9F7E6	RVB 217 247 230	#D9F7E6

#E3FDFF #E1FDFC #DFFCF8 #DDFBF3 #DCF9EF #DAF8EA #D9F7E6

#E3FDFF - #DDFBF3 - #D9F7E6

Codes CSS

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

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