#E5E7E7 - #9CCDD5 | 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 #E5E7E7 à #9CCDD5

#E5E7E7 #9CCDD5

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

#E5E7E7 - #9CCDD5 | 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 #E5E7E7 0% et #9CCDD5 100%.

0.0%	0.0% #E5E7E7	RVB 229 231 231	#E5E7E7
16.7%	16.7% #D8E2E4	RVB 216 226 228	#D8E2E4
33.3%	33.3% #CCDEE1	RVB 204 222 225	#CCDEE1
50.0%	50.0% #C0DADE	RVB 192 218 222	#C0DADE
66.7%	66.7% #B4D5DB	RVB 180 213 219	#B4D5DB
83.3%	83.3% #A8D1D8	RVB 168 209 216	#A8D1D8
100.0%	100.0% #9CCDD5	RVB 156 205 213	#9CCDD5

#E5E7E7 #D8E2E4 #CCDEE1 #C0DADE #B4D5DB #A8D1D8 #9CCDD5

#E5E7E7 - #9CCDD5

Mélange HSV

#E5E7E7 - #9CCDD5 | 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 #E5E7E7 0% et #9CCDD5 100%.

0.0%	0.0% #E5E7E7	RVB 229 231 231	#E5E7E7
16.7%	16.7% #D8E3E4	RVB 216 227 228	#D8E3E4
33.3%	33.3% #CBE0E1	RVB 203 224 225	#CBE0E1
50.0%	50.0% #BFDBDE	RVB 191 219 222	#BFDBDE
66.7%	66.7% #B3D7DB	RVB 179 215 219	#B3D7DB
83.3%	83.3% #A7D2D8	RVB 167 210 216	#A7D2D8
100.0%	100.0% #9CCDD5	RVB 156 205 213	#9CCDD5

#E5E7E7 #D8E3E4 #CBE0E1 #BFDBDE #B3D7DB #A7D2D8 #9CCDD5

#E5E7E7 - #BFDBDE - #9CCDD5

Codes CSS

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

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