#5E7B9F - #A2D3A3 | 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 #5E7B9F à #A2D3A3

#5E7B9F #A2D3A3

Calculez la couleur entre deux couleurs, #5E7B9F et #A2D3A3. 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)

#5E7B9F - #A2D3A3 | 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 #5E7B9F 0% et #A2D3A3 100%.

0.0%	0.0% #5E7B9F	RVB 94 123 159	#5E7B9F
16.7%	16.7% #69899F	RVB 105 137 159	#69899F
33.3%	33.3% #7498A0	RVB 116 152 160	#7498A0
50.0%	50.0% #80A7A1	RVB 128 167 161	#80A7A1
66.7%	66.7% #8BB5A1	RVB 139 181 161	#8BB5A1
83.3%	83.3% #96C4A2	RVB 150 196 162	#96C4A2
100.0%	100.0% #A2D3A3	RVB 162 211 163	#A2D3A3

#5E7B9F #69899F #7498A0 #80A7A1 #8BB5A1 #96C4A2 #A2D3A3

#5E7B9F - #A2D3A3

Mélange HSV

#5E7B9F - #A2D3A3 | 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 #5E7B9F 0% et #A2D3A3 100%.

0.0%	0.0% #5E7B9F	RVB 94 123 159	#5E7B9F
16.7%	16.7% #6894A7	RVB 104 148 167	#6894A7
33.3%	33.3% #72ADB0	RVB 114 173 176	#72ADB0
50.0%	50.0% #7DB9AC	RVB 125 185 172	#7DB9AC
66.7%	66.7% #89C1A7	RVB 137 193 167	#89C1A7
83.3%	83.3% #95CAA4	RVB 149 202 164	#95CAA4
100.0%	100.0% #A2D3A3	RVB 162 211 163	#A2D3A3

#5E7B9F #6894A7 #72ADB0 #7DB9AC #89C1A7 #95CAA4 #A2D3A3

#5E7B9F - #7DB9AC - #A2D3A3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B9F 0%, #7DB9AC 50%, #A2D3A3 100%);
    background: -webkit-linear-gradient(top, #5E7B9F 0%, #7DB9AC 50%, #A2D3A3 100%);
    background: linear-gradient(to bottom, #5E7B9F 0%, #7DB9AC 50%, #A2D3A3 100%);
}
</style>