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

#96B5E5 #3C63AD

Calculez la couleur entre deux couleurs, #96B5E5 et #3C63AD. 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 - #3C63AD | 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 #3C63AD 100%.

0.0%	0.0% #96B5E5	RVB 150 181 229	#96B5E5
16.7%	16.7% #87A7DB	RVB 135 167 219	#87A7DB
33.3%	33.3% #7899D2	RVB 120 153 210	#7899D2
50.0%	50.0% #698CC9	RVB 105 140 201	#698CC9
66.7%	66.7% #5A7EBF	RVB 90 126 191	#5A7EBF
83.3%	83.3% #4B70B6	RVB 75 112 182	#4B70B6
100.0%	100.0% #3C63AD	RVB 60 99 173	#3C63AD

#96B5E5 #87A7DB #7899D2 #698CC9 #5A7EBF #4B70B6 #3C63AD

#96B5E5 - #3C63AD

Mélange HSV

#96B5E5 - #3C63AD | 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 #3C63AD 100%.

0.0%	0.0% #96B5E5	RVB 150 181 229	#96B5E5
16.7%	16.7% #84A6DB	RVB 132 166 219	#84A6DB
33.3%	33.3% #7497D2	RVB 116 151 210	#7497D2
50.0%	50.0% #6489C9	RVB 100 137 201	#6489C9
66.7%	66.7% #567CBF	RVB 86 124 191	#567CBF
83.3%	83.3% #486FB6	RVB 72 111 182	#486FB6
100.0%	100.0% #3C63AD	RVB 60 99 173	#3C63AD

#96B5E5 #84A6DB #7497D2 #6489C9 #567CBF #486FB6 #3C63AD

#96B5E5 - #6489C9 - #3C63AD

Codes CSS

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

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