#A8C0EB - #4A6EB7 | 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 #A8C0EB à #4A6EB7

#A8C0EB #4A6EB7

Calculez la couleur entre deux couleurs, #A8C0EB et #4A6EB7. 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)

#A8C0EB - #4A6EB7 | 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 #A8C0EB 0% et #4A6EB7 100%.

0.0%	0.0% #A8C0EB	RVB 168 192 235	#A8C0EB
16.7%	16.7% #98B2E2	RVB 152 178 226	#98B2E2
33.3%	33.3% #88A4D9	RVB 136 164 217	#88A4D9
50.0%	50.0% #7997D1	RVB 121 151 209	#7997D1
66.7%	66.7% #6989C8	RVB 105 137 200	#6989C8
83.3%	83.3% #597BBF	RVB 89 123 191	#597BBF
100.0%	100.0% #4A6EB7	RVB 74 110 183	#4A6EB7

#A8C0EB #98B2E2 #88A4D9 #7997D1 #6989C8 #597BBF #4A6EB7

#A8C0EB - #4A6EB7

Mélange HSV

#A8C0EB - #4A6EB7 | 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 #A8C0EB 0% et #4A6EB7 100%.

0.0%	0.0% #A8C0EB	RVB 168 192 235	#A8C0EB
16.7%	16.7% #96B1E2	RVB 150 177 226	#96B1E2
33.3%	33.3% #85A2D9	RVB 133 162 217	#85A2D9
50.0%	50.0% #7494D1	RVB 116 148 209	#7494D1
66.7%	66.7% #6587C8	RVB 101 135 200	#6587C8
83.3%	83.3% #577ABF	RVB 87 122 191	#577ABF
100.0%	100.0% #4A6EB7	RVB 74 110 183	#4A6EB7

#A8C0EB #96B1E2 #85A2D9 #7494D1 #6587C8 #577ABF #4A6EB7

#A8C0EB - #7494D1 - #4A6EB7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0EB 0%, #7494D1 50%, #4A6EB7 100%);
    background: -webkit-linear-gradient(top, #A8C0EB 0%, #7494D1 50%, #4A6EB7 100%);
    background: linear-gradient(to bottom, #A8C0EB 0%, #7494D1 50%, #4A6EB7 100%);
}
</style>