#E3E5E6 - #96C0BE | 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 #E3E5E6 à #96C0BE

#E3E5E6 #96C0BE

Calculez la couleur entre deux couleurs, #E3E5E6 et #96C0BE. 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)

#E3E5E6 - #96C0BE | 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 #E3E5E6 0% et #96C0BE 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #D6DEDF	RVB 214 222 223	#D6DEDF
33.3%	33.3% #C9D8D8	RVB 201 216 216	#C9D8D8
50.0%	50.0% #BCD2D2	RVB 188 210 210	#BCD2D2
66.7%	66.7% #AFCCCB	RVB 175 204 203	#AFCCCB
83.3%	83.3% #A2C6C4	RVB 162 198 196	#A2C6C4
100.0%	100.0% #96C0BE	RVB 150 192 190	#96C0BE

#E3E5E6 #D6DEDF #C9D8D8 #BCD2D2 #AFCCCB #A2C6C4 #96C0BE

#E3E5E6 - #96C0BE

Mélange HSV

#E3E5E6 - #96C0BE | 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 #E3E5E6 0% et #96C0BE 100%.

0.0%	0.0% #E3E5E6	RVB 227 229 230	#E3E5E6
16.7%	16.7% #D5DCDF	RVB 213 220 223	#D5DCDF
33.3%	33.3% #C7D5D9	RVB 199 213 217	#C7D5D9
50.0%	50.0% #BACFD3	RVB 186 207 211	#BACFD3
66.7%	66.7% #ADCACC	RVB 173 202 204	#ADCACC
83.3%	83.3% #A1C5C6	RVB 161 197 198	#A1C5C6
100.0%	100.0% #96C0BE	RVB 150 192 190	#96C0BE

#E3E5E6 #D5DCDF #C7D5D9 #BACFD3 #ADCACC #A1C5C6 #96C0BE

#E3E5E6 - #BACFD3 - #96C0BE

Codes CSS

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

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