#1B7B5E - #BDD9D0 | 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 #1B7B5E à #BDD9D0

#1B7B5E #BDD9D0

Calculez la couleur entre deux couleurs, #1B7B5E et #BDD9D0. 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)

#1B7B5E - #BDD9D0 | 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 #1B7B5E 0% et #BDD9D0 100%.

0.0%	0.0% #1B7B5E	RVB 27 123 94	#1B7B5E
16.7%	16.7% #368A71	RVB 54 138 113	#368A71
33.3%	33.3% #519A84	RVB 81 154 132	#519A84
50.0%	50.0% #6CAA97	RVB 108 170 151	#6CAA97
66.7%	66.7% #87B9AA	RVB 135 185 170	#87B9AA
83.3%	83.3% #A2C9BD	RVB 162 201 189	#A2C9BD
100.0%	100.0% #BDD9D0	RVB 189 217 208	#BDD9D0

#1B7B5E #368A71 #519A84 #6CAA97 #87B9AA #A2C9BD #BDD9D0

#1B7B5E - #BDD9D0

Mélange HSV

#1B7B5E - #BDD9D0 | 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 #1B7B5E 0% et #BDD9D0 100%.

0.0%	0.0% #1B7B5D	RVB 27 123 93	#1B7B5D
16.7%	16.7% #2D8A6E	RVB 45 138 110	#2D8A6E
33.3%	33.3% #439A7F	RVB 67 154 127	#439A7F
50.0%	50.0% #5CAA91	RVB 92 170 145	#5CAA91
66.7%	66.7% #79B9A5	RVB 121 185 165	#79B9A5
83.3%	83.3% #99C9BA	RVB 153 201 186	#99C9BA
100.0%	100.0% #BDD9D0	RVB 189 217 208	#BDD9D0

#1B7B5D #2D8A6E #439A7F #5CAA91 #79B9A5 #99C9BA #BDD9D0

#1B7B5E - #5CAA91 - #BDD9D0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7B5D 0%, #5CAA91 50%, #BDD9D0 100%);
    background: -webkit-linear-gradient(top, #1B7B5D 0%, #5CAA91 50%, #BDD9D0 100%);
    background: linear-gradient(to bottom, #1B7B5D 0%, #5CAA91 50%, #BDD9D0 100%);
}
</style>