#B5E6D4 - #33413C | 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 #B5E6D4 à #33413C

#B5E6D4 #33413C

Calculez la couleur entre deux couleurs, #B5E6D4 et #33413C. 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)

#B5E6D4 - #33413C | 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 #B5E6D4 0% et #33413C 100%.

0.0%	0.0% #B5E6D4	RVB 181 230 212	#B5E6D4
16.7%	16.7% #9FCABA	RVB 159 202 186	#9FCABA
33.3%	33.3% #89AFA1	RVB 137 175 161	#89AFA1
50.0%	50.0% #749388	RVB 116 147 136	#749388
66.7%	66.7% #5E786E	RVB 94 120 110	#5E786E
83.3%	83.3% #485C55	RVB 72 92 85	#485C55
100.0%	100.0% #33413C	RVB 51 65 60	#33413C

#B5E6D4 #9FCABA #89AFA1 #749388 #5E786E #485C55 #33413C

#B5E6D4 - #33413C

Mélange HSV

#B5E6D4 - #33413C | 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 #B5E6D4 0% et #33413C 100%.

0.0%	0.0% #B5E6D4	RVB 181 230 212	#B5E6D4
16.7%	16.7% #9FCABA	RVB 159 202 186	#9FCABA
33.3%	33.3% #89AFA1	RVB 137 175 161	#89AFA1
50.0%	50.0% #739388	RVB 115 147 136	#739388
66.7%	66.7% #5E786E	RVB 94 120 110	#5E786E
83.3%	83.3% #485C55	RVB 72 92 85	#485C55
100.0%	100.0% #33413C	RVB 51 65 60	#33413C

#B5E6D4 #9FCABA #89AFA1 #739388 #5E786E #485C55 #33413C

#B5E6D4 - #739388 - #33413C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6D4 0%, #739388 50%, #33413C 100%);
    background: -webkit-linear-gradient(top, #B5E6D4 0%, #739388 50%, #33413C 100%);
    background: linear-gradient(to bottom, #B5E6D4 0%, #739388 50%, #33413C 100%);
}
</style>