#E5E5E6 - #9CC5D3 | 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 #E5E5E6 à #9CC5D3

#E5E5E6 #9CC5D3

Calculez la couleur entre deux couleurs, #E5E5E6 et #9CC5D3. 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)

#E5E5E6 - #9CC5D3 | 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 #E5E5E6 0% et #9CC5D3 100%.

0.0%	0.0% #E5E5E6	RVB 229 229 230	#E5E5E6
16.7%	16.7% #D8DFE2	RVB 216 223 226	#D8DFE2
33.3%	33.3% #CCDADF	RVB 204 218 223	#CCDADF
50.0%	50.0% #C0D5DC	RVB 192 213 220	#C0D5DC
66.7%	66.7% #B4CFD9	RVB 180 207 217	#B4CFD9
83.3%	83.3% #A8CAD6	RVB 168 202 214	#A8CAD6
100.0%	100.0% #9CC5D3	RVB 156 197 211	#9CC5D3

#E5E5E6 #D8DFE2 #CCDADF #C0D5DC #B4CFD9 #A8CAD6 #9CC5D3

#E5E5E6 - #9CC5D3

Mélange HSV

#E5E5E6 - #9CC5D3 | 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 #E5E5E6 0% et #9CC5D3 100%.

0.0%	0.0% #E5E5E6	RVB 229 229 230	#E5E5E6
16.7%	16.7% #D8D9E2	RVB 216 217 226	#D8D9E2
33.3%	33.3% #CBD0DF	RVB 203 208 223	#CBD0DF
50.0%	50.0% #BFCADC	RVB 191 202 220	#BFCADC
66.7%	66.7% #B3C6D9	RVB 179 198 217	#B3C6D9
83.3%	83.3% #A7C4D6	RVB 167 196 214	#A7C4D6
100.0%	100.0% #9CC5D3	RVB 156 197 211	#9CC5D3

#E5E5E6 #D8D9E2 #CBD0DF #BFCADC #B3C6D9 #A7C4D6 #9CC5D3

#E5E5E6 - #BFCADC - #9CC5D3

Codes CSS

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

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