#B5E8C9 - #334239 | 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 #B5E8C9 à #334239

#B5E8C9 #334239

Calculez la couleur entre deux couleurs, #B5E8C9 et #334239. 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)

#B5E8C9 - #334239 | 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 #B5E8C9 0% et #334239 100%.

0.0%	0.0% #B5E8C9	RVB 181 232 201	#B5E8C9
16.7%	16.7% #9FCCB1	RVB 159 204 177	#9FCCB1
33.3%	33.3% #89B099	RVB 137 176 153	#89B099
50.0%	50.0% #749581	RVB 116 149 129	#749581
66.7%	66.7% #5E7969	RVB 94 121 105	#5E7969
83.3%	83.3% #485D51	RVB 72 93 81	#485D51
100.0%	100.0% #334239	RVB 51 66 57	#334239

#B5E8C9 #9FCCB1 #89B099 #749581 #5E7969 #485D51 #334239

#B5E8C9 - #334239

Mélange HSV

#B5E8C9 - #334239 | 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 #B5E8C9 0% et #334239 100%.

0.0%	0.0% #B5E8C9	RVB 181 232 201	#B5E8C9
16.7%	16.7% #9FCCB0	RVB 159 204 176	#9FCCB0
33.3%	33.3% #89B098	RVB 137 176 152	#89B098
50.0%	50.0% #739580	RVB 115 149 128	#739580
66.7%	66.7% #5E7968	RVB 94 121 104	#5E7968
83.3%	83.3% #485D50	RVB 72 93 80	#485D50
100.0%	100.0% #334239	RVB 51 66 57	#334239

#B5E8C9 #9FCCB0 #89B098 #739580 #5E7968 #485D50 #334239

#B5E8C9 - #739580 - #334239

Codes CSS

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

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