#5E9978 - #1B5E41 | 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 #5E9978 à #1B5E41

#5E9978 #1B5E41

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

#5E9978 - #1B5E41 | 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 #5E9978 0% et #1B5E41 100%.

0.0%	0.0% #5E9978	RVB 94 153 120	#5E9978
16.7%	16.7% #528F6E	RVB 82 143 110	#528F6E
33.3%	33.3% #478565	RVB 71 133 101	#478565
50.0%	50.0% #3C7B5C	RVB 60 123 92	#3C7B5C
66.7%	66.7% #317153	RVB 49 113 83	#317153
83.3%	83.3% #26674A	RVB 38 103 74	#26674A
100.0%	100.0% #1B5E41	RVB 27 94 65	#1B5E41

#5E9978 #528F6E #478565 #3C7B5C #317153 #26674A #1B5E41

#5E9978 - #1B5E41

Mélange HSV

#5E9978 - #1B5E41 | 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 #5E9978 0% et #1B5E41 100%.

0.0%	0.0% #5E9978	RVB 94 153 120	#5E9978
16.7%	16.7% #508F6D	RVB 80 143 109	#508F6D
33.3%	33.3% #438563	RVB 67 133 99	#438563
50.0%	50.0% #377B59	RVB 55 123 89	#377B59
66.7%	66.7% #2D7151	RVB 45 113 81	#2D7151
83.3%	83.3% #236748	RVB 35 103 72	#236748
100.0%	100.0% #1B5E41	RVB 27 94 65	#1B5E41

#5E9978 #508F6D #438563 #377B59 #2D7151 #236748 #1B5E41

#5E9978 - #377B59 - #1B5E41

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9978 0%, #377B59 50%, #1B5E41 100%);
    background: -webkit-linear-gradient(top, #5E9978 0%, #377B59 50%, #1B5E41 100%);
    background: linear-gradient(to bottom, #5E9978 0%, #377B59 50%, #1B5E41 100%);
}
</style>