#A8AABC - #4B5E77 | 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 #A8AABC à #4B5E77

#A8AABC #4B5E77

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

#A8AABC - #4B5E77 | 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 #A8AABC 0% et #4B5E77 100%.

0.0%	0.0% #A8AABC	RVB 168 170 188	#A8AABC
16.7%	16.7% #989DB0	RVB 152 157 176	#989DB0
33.3%	33.3% #8990A5	RVB 137 144 165	#8990A5
50.0%	50.0% #798499	RVB 121 132 153	#798499
66.7%	66.7% #6A778E	RVB 106 119 142	#6A778E
83.3%	83.3% #5A6A82	RVB 90 106 130	#5A6A82
100.0%	100.0% #4B5E77	RVB 75 94 119	#4B5E77

#A8AABC #989DB0 #8990A5 #798499 #6A778E #5A6A82 #4B5E77

#A8AABC - #4B5E77

Mélange HSV

#A8AABC - #4B5E77 | 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 #A8AABC 0% et #4B5E77 100%.

0.0%	0.0% #A8AABC	RVB 168 170 188	#A8AABC
16.7%	16.7% #959AB0	RVB 149 154 176	#959AB0
33.3%	33.3% #848BA5	RVB 132 139 165	#848BA5
50.0%	50.0% #747E99	RVB 116 126 153	#747E99
66.7%	66.7% #65728E	RVB 101 114 142	#65728E
83.3%	83.3% #576782	RVB 87 103 130	#576782
100.0%	100.0% #4B5E77	RVB 75 94 119	#4B5E77

#A8AABC #959AB0 #848BA5 #747E99 #65728E #576782 #4B5E77

#A8AABC - #747E99 - #4B5E77

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AABC 0%, #747E99 50%, #4B5E77 100%);
    background: -webkit-linear-gradient(top, #A8AABC 0%, #747E99 50%, #4B5E77 100%);
    background: linear-gradient(to bottom, #A8AABC 0%, #747E99 50%, #4B5E77 100%);
}
</style>