#5EBABA - #C7E0AF | 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 #5EBABA à #C7E0AF

#5EBABA #C7E0AF

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

#5EBABA - #C7E0AF | 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 #5EBABA 0% et #C7E0AF 100%.

0.0%	0.0% #5EBABA	RVB 94 186 186	#5EBABA
16.7%	16.7% #6FC0B8	RVB 111 192 184	#6FC0B8
33.3%	33.3% #81C6B6	RVB 129 198 182	#81C6B6
50.0%	50.0% #92CDB4	RVB 146 205 180	#92CDB4
66.7%	66.7% #A4D3B2	RVB 164 211 178	#A4D3B2
83.3%	83.3% #B5D9B0	RVB 181 217 176	#B5D9B0
100.0%	100.0% #C7E0AF	RVB 199 224 175	#C7E0AF

#5EBABA #6FC0B8 #81C6B6 #92CDB4 #A4D3B2 #B5D9B0 #C7E0AF

#5EBABA - #C7E0AF

Mélange HSV

#5EBABA - #C7E0AF | 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 #5EBABA 0% et #C7E0AF 100%.

0.0%	0.0% #5EBABA	RVB 94 186 186	#5EBABA
16.7%	16.7% #6AC0AA	RVB 106 192 170	#6AC0AA
33.3%	33.3% #76C69E	RVB 118 198 158	#76C69E
50.0%	50.0% #83CD96	RVB 131 205 150	#83CD96
66.7%	66.7% #91D392	RVB 145 211 146	#91D392
83.3%	83.3% #ADD9A0	RVB 173 217 160	#ADD9A0
100.0%	100.0% #C7E0AF	RVB 199 224 175	#C7E0AF

#5EBABA #6AC0AA #76C69E #83CD96 #91D392 #ADD9A0 #C7E0AF

#5EBABA - #83CD96 - #C7E0AF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBABA 0%, #83CD96 50%, #C7E0AF 100%);
    background: -webkit-linear-gradient(top, #5EBABA 0%, #83CD96 50%, #C7E0AF 100%);
    background: linear-gradient(to bottom, #5EBABA 0%, #83CD96 50%, #C7E0AF 100%);
}
</style>