#B5EEC4 - #5EDB7B | 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 #B5EEC4 à #5EDB7B

#B5EEC4 #5EDB7B

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

#B5EEC4 - #5EDB7B | 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 #B5EEC4 0% et #5EDB7B 100%.

0.0%	0.0% #B5EEC4	RVB 181 238 196	#B5EEC4
16.7%	16.7% #A6EAB7	RVB 166 234 183	#A6EAB7
33.3%	33.3% #98E7AB	RVB 152 231 171	#98E7AB
50.0%	50.0% #89E49F	RVB 137 228 159	#89E49F
66.7%	66.7% #7BE193	RVB 123 225 147	#7BE193
83.3%	83.3% #6CDE87	RVB 108 222 135	#6CDE87
100.0%	100.0% #5EDB7B	RVB 94 219 123	#5EDB7B

#B5EEC4 #A6EAB7 #98E7AB #89E49F #7BE193 #6CDE87 #5EDB7B

#B5EEC4 - #5EDB7B

Mélange HSV

#B5EEC4 - #5EDB7B | 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 #B5EEC4 0% et #5EDB7B 100%.

0.0%	0.0% #B5EEC4	RVB 181 238 196	#B5EEC4
16.7%	16.7% #A5EAB7	RVB 165 234 183	#A5EAB7
33.3%	33.3% #96E7AB	RVB 150 231 171	#96E7AB
50.0%	50.0% #87E49E	RVB 135 228 158	#87E49E
66.7%	66.7% #79E192	RVB 121 225 146	#79E192
83.3%	83.3% #6BDE86	RVB 107 222 134	#6BDE86
100.0%	100.0% #5EDB7B	RVB 94 219 123	#5EDB7B

#B5EEC4 #A5EAB7 #96E7AB #87E49E #79E192 #6BDE86 #5EDB7B

#B5EEC4 - #87E49E - #5EDB7B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EEC4 0%, #87E49E 50%, #5EDB7B 100%);
    background: -webkit-linear-gradient(top, #B5EEC4 0%, #87E49E 50%, #5EDB7B 100%);
    background: linear-gradient(to bottom, #B5EEC4 0%, #87E49E 50%, #5EDB7B 100%);
}
</style>