#B5E3E4 - #334041 | 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 #B5E3E4 à #334041

#B5E3E4 #334041

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

#B5E3E4 - #334041 | 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 #B5E3E4 0% et #334041 100%.

0.0%	0.0% #B5E3E4	RVB 181 227 228	#B5E3E4
16.7%	16.7% #9FC7C8	RVB 159 199 200	#9FC7C8
33.3%	33.3% #89ACAD	RVB 137 172 173	#89ACAD
50.0%	50.0% #749192	RVB 116 145 146	#749192
66.7%	66.7% #5E7677	RVB 94 118 119	#5E7677
83.3%	83.3% #485B5C	RVB 72 91 92	#485B5C
100.0%	100.0% #334041	RVB 51 64 65	#334041

#B5E3E4 #9FC7C8 #89ACAD #749192 #5E7677 #485B5C #334041

#B5E3E4 - #334041

Mélange HSV

#B5E3E4 - #334041 | 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 #B5E3E4 0% et #334041 100%.

0.0%	0.0% #B5E3E4	RVB 181 227 228	#B5E3E4
16.7%	16.7% #9FC7C8	RVB 159 199 200	#9FC7C8
33.3%	33.3% #89ACAD	RVB 137 172 173	#89ACAD
50.0%	50.0% #739192	RVB 115 145 146	#739192
66.7%	66.7% #5D7577	RVB 93 117 119	#5D7577
83.3%	83.3% #485A5C	RVB 72 90 92	#485A5C
100.0%	100.0% #334041	RVB 51 64 65	#334041

#B5E3E4 #9FC7C8 #89ACAD #739192 #5D7577 #485A5C #334041

#B5E3E4 - #739192 - #334041

Codes CSS

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

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