#B5E2D6 - #33403D | 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 #B5E2D6 à #33403D

#B5E2D6 #33403D

Calculez la couleur entre deux couleurs, #B5E2D6 et #33403D. 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)

#B5E2D6 - #33403D | 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 #B5E2D6 0% et #33403D 100%.

0.0%	0.0% #B5E2D6	RVB 181 226 214	#B5E2D6
16.7%	16.7% #9FC7BC	RVB 159 199 188	#9FC7BC
33.3%	33.3% #89ACA3	RVB 137 172 163	#89ACA3
50.0%	50.0% #749189	RVB 116 145 137	#749189
66.7%	66.7% #5E7670	RVB 94 118 112	#5E7670
83.3%	83.3% #485B56	RVB 72 91 86	#485B56
100.0%	100.0% #33403D	RVB 51 64 61	#33403D

#B5E2D6 #9FC7BC #89ACA3 #749189 #5E7670 #485B56 #33403D

#B5E2D6 - #33403D

Mélange HSV

#B5E2D6 - #33403D | 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 #B5E2D6 0% et #33403D 100%.

0.0%	0.0% #B5E2D6	RVB 181 226 214	#B5E2D6
16.7%	16.7% #9FC7BC	RVB 159 199 188	#9FC7BC
33.3%	33.3% #89ACA3	RVB 137 172 163	#89ACA3
50.0%	50.0% #739189	RVB 115 145 137	#739189
66.7%	66.7% #5E7670	RVB 94 118 112	#5E7670
83.3%	83.3% #485B56	RVB 72 91 86	#485B56
100.0%	100.0% #33403D	RVB 51 64 61	#33403D

#B5E2D6 #9FC7BC #89ACA3 #739189 #5E7670 #485B56 #33403D

#B5E2D6 - #739189 - #33403D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2D6 0%, #739189 50%, #33403D 100%);
    background: -webkit-linear-gradient(top, #B5E2D6 0%, #739189 50%, #33403D 100%);
    background: linear-gradient(to bottom, #B5E2D6 0%, #739189 50%, #33403D 100%);
}
</style>