#B5E6DA - #33413E | 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 #B5E6DA à #33413E

#B5E6DA #33413E

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

#B5E6DA - #33413E | 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 #B5E6DA 0% et #33413E 100%.

0.0%	0.0% #B5E6DA	RVB 181 230 218	#B5E6DA
16.7%	16.7% #9FCAC0	RVB 159 202 192	#9FCAC0
33.3%	33.3% #89AFA6	RVB 137 175 166	#89AFA6
50.0%	50.0% #74938C	RVB 116 147 140	#74938C
66.7%	66.7% #5E7872	RVB 94 120 114	#5E7872
83.3%	83.3% #485C58	RVB 72 92 88	#485C58
100.0%	100.0% #33413E	RVB 51 65 62	#33413E

#B5E6DA #9FCAC0 #89AFA6 #74938C #5E7872 #485C58 #33413E

#B5E6DA - #33413E

Mélange HSV

#B5E6DA - #33413E | 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 #B5E6DA 0% et #33413E 100%.

0.0%	0.0% #B5E6DA	RVB 181 230 218	#B5E6DA
16.7%	16.7% #9FCAC0	RVB 159 202 192	#9FCAC0
33.3%	33.3% #89AFA6	RVB 137 175 166	#89AFA6
50.0%	50.0% #73938C	RVB 115 147 140	#73938C
66.7%	66.7% #5E7872	RVB 94 120 114	#5E7872
83.3%	83.3% #485C58	RVB 72 92 88	#485C58
100.0%	100.0% #33413E	RVB 51 65 62	#33413E

#B5E6DA #9FCAC0 #89AFA6 #73938C #5E7872 #485C58 #33413E

#B5E6DA - #73938C - #33413E

Codes CSS

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

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