#1B5E5C - #BDD1D1 | 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 #1B5E5C à #BDD1D1

#1B5E5C #BDD1D1

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

#1B5E5C - #BDD1D1 | 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 #1B5E5C 0% et #BDD1D1 100%.

0.0%	0.0% #1B5E5C	RVB 27 94 92	#1B5E5C
16.7%	16.7% #36716F	RVB 54 113 111	#36716F
33.3%	33.3% #518483	RVB 81 132 131	#518483
50.0%	50.0% #6C9796	RVB 108 151 150	#6C9796
66.7%	66.7% #87AAAA	RVB 135 170 170	#87AAAA
83.3%	83.3% #A2BDBD	RVB 162 189 189	#A2BDBD
100.0%	100.0% #BDD1D1	RVB 189 209 209	#BDD1D1

#1B5E5C #36716F #518483 #6C9796 #87AAAA #A2BDBD #BDD1D1

#1B5E5C - #BDD1D1

Mélange HSV

#1B5E5C - #BDD1D1 | 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 #1B5E5C 0% et #BDD1D1 100%.

0.0%	0.0% #1B5E5C	RVB 27 94 92	#1B5E5C
16.7%	16.7% #2C716F	RVB 44 113 111	#2C716F
33.3%	33.3% #418482	RVB 65 132 130	#418482
50.0%	50.0% #5A9796	RVB 90 151 150	#5A9796
66.7%	66.7% #77AAAA	RVB 119 170 170	#77AAAA
83.3%	83.3% #98BDBD	RVB 152 189 189	#98BDBD
100.0%	100.0% #BDD1D1	RVB 189 209 209	#BDD1D1

#1B5E5C #2C716F #418482 #5A9796 #77AAAA #98BDBD #BDD1D1

#1B5E5C - #5A9796 - #BDD1D1

Codes CSS

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

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