#5E9087 - #ADCD8C | 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 #5E9087 à #ADCD8C

#5E9087 #ADCD8C

Calculez la couleur entre deux couleurs, #5E9087 et #ADCD8C. 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)

#5E9087 - #ADCD8C | 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 #5E9087 0% et #ADCD8C 100%.

0.0%	0.0% #5E9087	RVB 94 144 135	#5E9087
16.7%	16.7% #6B9A87	RVB 107 154 135	#6B9A87
33.3%	33.3% #78A488	RVB 120 164 136	#78A488
50.0%	50.0% #85AE89	RVB 133 174 137	#85AE89
66.7%	66.7% #92B88A	RVB 146 184 138	#92B88A
83.3%	83.3% #9FC28B	RVB 159 194 139	#9FC28B
100.0%	100.0% #ADCD8C	RVB 173 205 140	#ADCD8C

#5E9087 #6B9A87 #78A488 #85AE89 #92B88A #9FC28B #ADCD8C

#5E9087 - #ADCD8C

Mélange HSV

#5E9087 - #ADCD8C | 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 #5E9087 0% et #ADCD8C 100%.

0.0%	0.0% #5E9087	RVB 94 144 135	#5E9087
16.7%	16.7% #659A84	RVB 101 154 132	#659A84
33.3%	33.3% #6CA481	RVB 108 164 129	#6CA481
50.0%	50.0% #74AE7D	RVB 116 174 125	#74AE7D
66.7%	66.7% #80B87C	RVB 128 184 124	#80B87C
83.3%	83.3% #96C284	RVB 150 194 132	#96C284
100.0%	100.0% #ADCD8C	RVB 173 205 140	#ADCD8C

#5E9087 #659A84 #6CA481 #74AE7D #80B87C #96C284 #ADCD8C

#5E9087 - #74AE7D - #ADCD8C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9087 0%, #74AE7D 50%, #ADCD8C 100%);
    background: -webkit-linear-gradient(top, #5E9087 0%, #74AE7D 50%, #ADCD8C 100%);
    background: linear-gradient(to bottom, #5E9087 0%, #74AE7D 50%, #ADCD8C 100%);
}
</style>