#405C5E - #5DD9A8 | 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 #405C5E à #5DD9A8

#405C5E #5DD9A8

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

#405C5E - #5DD9A8 | 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 #405C5E 0% et #5DD9A8 100%.

0.0%	0.0% #405C5E	RVB 64 92 94	#405C5E
16.7%	16.7% #44706A	RVB 68 112 106	#44706A
33.3%	33.3% #498576	RVB 73 133 118	#498576
50.0%	50.0% #4E9A83	RVB 78 154 131	#4E9A83
66.7%	66.7% #53AF8F	RVB 83 175 143	#53AF8F
83.3%	83.3% #58C49B	RVB 88 196 155	#58C49B
100.0%	100.0% #5DD9A8	RVB 93 217 168	#5DD9A8

#405C5E #44706A #498576 #4E9A83 #53AF8F #58C49B #5DD9A8

#405C5E - #5DD9A8

Mélange HSV

#405C5E - #5DD9A8 | 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 #405C5E 0% et #5DD9A8 100%.

0.0%	0.0% #405B5E	RVB 64 91 94	#405B5E
16.7%	16.7% #497272	RVB 73 114 114	#497272
33.3%	33.3% #508782	RVB 80 135 130	#508782
50.0%	50.0% #569B90	RVB 86 155 144	#569B90
66.7%	66.7% #5AB09B	RVB 90 176 155	#5AB09B
83.3%	83.3% #5CC4A3	RVB 92 196 163	#5CC4A3
100.0%	100.0% #5DD9A8	RVB 93 217 168	#5DD9A8

#405B5E #497272 #508782 #569B90 #5AB09B #5CC4A3 #5DD9A8

#405C5E - #569B90 - #5DD9A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #405B5E 0%, #569B90 50%, #5DD9A8 100%);
    background: -webkit-linear-gradient(top, #405B5E 0%, #569B90 50%, #5DD9A8 100%);
    background: linear-gradient(to bottom, #405B5E 0%, #569B90 50%, #5DD9A8 100%);
}
</style>