#5E6B5E - #88E1AF | 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 #5E6B5E à #88E1AF

#5E6B5E #88E1AF

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

#5E6B5E - #88E1AF | 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 #5E6B5E 0% et #88E1AF 100%.

0.0%	0.0% #5E6B5E	RVB 94 107 94	#5E6B5E
16.7%	16.7% #657E6B	RVB 101 126 107	#657E6B
33.3%	33.3% #6C9279	RVB 108 146 121	#6C9279
50.0%	50.0% #73A686	RVB 115 166 134	#73A686
66.7%	66.7% #7AB994	RVB 122 185 148	#7AB994
83.3%	83.3% #81CDA1	RVB 129 205 161	#81CDA1
100.0%	100.0% #88E1AF	RVB 136 225 175	#88E1AF

#5E6B5E #657E6B #6C9279 #73A686 #7AB994 #81CDA1 #88E1AF

#5E6B5E - #88E1AF

Mélange HSV

#5E6B5E - #88E1AF | 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 #5E6B5E 0% et #88E1AF 100%.

0.0%	0.0% #5E6B5E	RVB 94 107 94	#5E6B5E
16.7%	16.7% #697E6B	RVB 105 126 107	#697E6B
33.3%	33.3% #739277	RVB 115 146 119	#739277
50.0%	50.0% #7BA684	RVB 123 166 132	#7BA684
66.7%	66.7% #81B991	RVB 129 185 145	#81B991
83.3%	83.3% #85CD9F	RVB 133 205 159	#85CD9F
100.0%	100.0% #88E1AF	RVB 136 225 175	#88E1AF

#5E6B5E #697E6B #739277 #7BA684 #81B991 #85CD9F #88E1AF

#5E6B5E - #7BA684 - #88E1AF

Codes CSS

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

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