#96B5E5 - #E1E9F7 | 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 #96B5E5 à #E1E9F7

#96B5E5 #E1E9F7

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

#96B5E5 - #E1E9F7 | 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 #96B5E5 0% et #E1E9F7 100%.

0.0%	0.0% #96B5E5	RVB 150 181 229	#96B5E5
16.7%	16.7% #A2BDE8	RVB 162 189 232	#A2BDE8
33.3%	33.3% #AFC6EB	RVB 175 198 235	#AFC6EB
50.0%	50.0% #BBCFEE	RVB 187 207 238	#BBCFEE
66.7%	66.7% #C8D7F1	RVB 200 215 241	#C8D7F1
83.3%	83.3% #D4E0F4	RVB 212 224 244	#D4E0F4
100.0%	100.0% #E1E9F7	RVB 225 233 247	#E1E9F7

#96B5E5 #A2BDE8 #AFC6EB #BBCFEE #C8D7F1 #D4E0F4 #E1E9F7

#96B5E5 - #E1E9F7

Mélange HSV

#96B5E5 - #E1E9F7 | 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 #96B5E5 0% et #E1E9F7 100%.

0.0%	0.0% #96B5E5	RVB 150 181 229	#96B5E5
16.7%	16.7% #A1BDE8	RVB 161 189 232	#A1BDE8
33.3%	33.3% #ADC5EB	RVB 173 197 235	#ADC5EB
50.0%	50.0% #BACDEE	RVB 186 205 238	#BACDEE
66.7%	66.7% #C6D6F1	RVB 198 214 241	#C6D6F1
83.3%	83.3% #D3DFF4	RVB 211 223 244	#D3DFF4
100.0%	100.0% #E1E9F7	RVB 225 233 247	#E1E9F7

#96B5E5 #A1BDE8 #ADC5EB #BACDEE #C6D6F1 #D3DFF4 #E1E9F7

#96B5E5 - #BACDEE - #E1E9F7

Codes CSS

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

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