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

#1B5E5C #7E9A90

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

0.0%	0.0% #1B5E5C	RVB 27 94 92	#1B5E5C
16.7%	16.7% #2B6864	RVB 43 104 100	#2B6864
33.3%	33.3% #3C726D	RVB 60 114 109	#3C726D
50.0%	50.0% #4C7C76	RVB 76 124 118	#4C7C76
66.7%	66.7% #5D867E	RVB 93 134 126	#5D867E
83.3%	83.3% #6D9087	RVB 109 144 135	#6D9087
100.0%	100.0% #7E9A90	RVB 126 154 144	#7E9A90

#1B5E5C #2B6864 #3C726D #4C7C76 #5D867E #6D9087 #7E9A90

#1B5E5C - #7E9A90

Mélange HSV

#1B5E5C - #7E9A90 | 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 #7E9A90 100%.

0.0%	0.0% #1B5E5C	RVB 27 94 92	#1B5E5C
16.7%	16.7% #276862	RVB 39 104 98	#276862
33.3%	33.3% #347269	RVB 52 114 105	#347269
50.0%	50.0% #447C71	RVB 68 124 113	#447C71
66.7%	66.7% #55867A	RVB 85 134 122	#55867A
83.3%	83.3% #699084	RVB 105 144 132	#699084
100.0%	100.0% #7E9A90	RVB 126 154 144	#7E9A90

#1B5E5C #276862 #347269 #447C71 #55867A #699084 #7E9A90

#1B5E5C - #447C71 - #7E9A90

Codes CSS

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

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