#A8C7E2 - #4F78AB | 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 #A8C7E2 à #4F78AB

#A8C7E2 #4F78AB

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

#A8C7E2 - #4F78AB | 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 #A8C7E2 0% et #4F78AB 100%.

0.0%	0.0% #A8C7E2	RVB 168 199 226	#A8C7E2
16.7%	16.7% #99B9D8	RVB 153 185 216	#99B9D8
33.3%	33.3% #8AACCF	RVB 138 172 207	#8AACCF
50.0%	50.0% #7B9FC6	RVB 123 159 198	#7B9FC6
66.7%	66.7% #6C92BD	RVB 108 146 189	#6C92BD
83.3%	83.3% #5D85B4	RVB 93 133 180	#5D85B4
100.0%	100.0% #4F78AB	RVB 79 120 171	#4F78AB

#A8C7E2 #99B9D8 #8AACCF #7B9FC6 #6C92BD #5D85B4 #4F78AB

#A8C7E2 - #4F78AB

Mélange HSV

#A8C7E2 - #4F78AB | 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 #A8C7E2 0% et #4F78AB 100%.

0.0%	0.0% #A8C7E2	RVB 168 199 226	#A8C7E2
16.7%	16.7% #97B9D8	RVB 151 185 216	#97B9D8
33.3%	33.3% #86ABCF	RVB 134 171 207	#86ABCF
50.0%	50.0% #779EC6	RVB 119 158 198	#779EC6
66.7%	66.7% #6991BD	RVB 105 145 189	#6991BD
83.3%	83.3% #5B84B4	RVB 91 132 180	#5B84B4
100.0%	100.0% #4F78AB	RVB 79 120 171	#4F78AB

#A8C7E2 #97B9D8 #86ABCF #779EC6 #6991BD #5B84B4 #4F78AB

#A8C7E2 - #779EC6 - #4F78AB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C7E2 0%, #779EC6 50%, #4F78AB 100%);
    background: -webkit-linear-gradient(top, #A8C7E2 0%, #779EC6 50%, #4F78AB 100%);
    background: linear-gradient(to bottom, #A8C7E2 0%, #779EC6 50%, #4F78AB 100%);
}
</style>