#B5D4D9 - #333C3E | 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 #B5D4D9 à #333C3E

#B5D4D9 #333C3E

Calculez la couleur entre deux couleurs, #B5D4D9 et #333C3E. 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)

#B5D4D9 - #333C3E | 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 #B5D4D9 0% et #333C3E 100%.

0.0%	0.0% #B5D4D9	RVB 181 212 217	#B5D4D9
16.7%	16.7% #9FBABF	RVB 159 186 191	#9FBABF
33.3%	33.3% #89A1A5	RVB 137 161 165	#89A1A5
50.0%	50.0% #74888B	RVB 116 136 139	#74888B
66.7%	66.7% #5E6E71	RVB 94 110 113	#5E6E71
83.3%	83.3% #485557	RVB 72 85 87	#485557
100.0%	100.0% #333C3E	RVB 51 60 62	#333C3E

#B5D4D9 #9FBABF #89A1A5 #74888B #5E6E71 #485557 #333C3E

#B5D4D9 - #333C3E

Mélange HSV

#B5D4D9 - #333C3E | 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 #B5D4D9 0% et #333C3E 100%.

0.0%	0.0% #B5D4D9	RVB 181 212 217	#B5D4D9
16.7%	16.7% #9FBABF	RVB 159 186 191	#9FBABF
33.3%	33.3% #89A1A5	RVB 137 161 165	#89A1A5
50.0%	50.0% #73878B	RVB 115 135 139	#73878B
66.7%	66.7% #5D6E71	RVB 93 110 113	#5D6E71
83.3%	83.3% #485557	RVB 72 85 87	#485557
100.0%	100.0% #333C3E	RVB 51 60 62	#333C3E

#B5D4D9 #9FBABF #89A1A5 #73878B #5D6E71 #485557 #333C3E

#B5D4D9 - #73878B - #333C3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D4D9 0%, #73878B 50%, #333C3E 100%);
    background: -webkit-linear-gradient(top, #B5D4D9 0%, #73878B 50%, #333C3E 100%);
    background: linear-gradient(to bottom, #B5D4D9 0%, #73878B 50%, #333C3E 100%);
}
</style>