#5E8D5E - #82EFAF | 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 #5E8D5E à #82EFAF

#5E8D5E #82EFAF

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

#5E8D5E - #82EFAF | 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 #5E8D5E 0% et #82EFAF 100%.

0.0%	0.0% #5E8D5E	RVB 94 141 94	#5E8D5E
16.7%	16.7% #649D6B	RVB 100 157 107	#649D6B
33.3%	33.3% #6AAD79	RVB 106 173 121	#6AAD79
50.0%	50.0% #70BE86	RVB 112 190 134	#70BE86
66.7%	66.7% #76CE94	RVB 118 206 148	#76CE94
83.3%	83.3% #7CDEA1	RVB 124 222 161	#7CDEA1
100.0%	100.0% #82EFAF	RVB 130 239 175	#82EFAF

#5E8D5E #649D6B #6AAD79 #70BE86 #76CE94 #7CDEA1 #82EFAF

#5E8D5E - #82EFAF

Mélange HSV

#5E8D5E - #82EFAF | 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 #5E8D5E 0% et #82EFAF 100%.

0.0%	0.0% #5E8D5E	RVB 94 141 94	#5E8D5E
16.7%	16.7% #659D69	RVB 101 157 105	#659D69
33.3%	33.3% #6CAD75	RVB 108 173 117	#6CAD75
50.0%	50.0% #73BE82	RVB 115 190 130	#73BE82
66.7%	66.7% #78CE90	RVB 120 206 144	#78CE90
83.3%	83.3% #7DDE9F	RVB 125 222 159	#7DDE9F
100.0%	100.0% #82EFAF	RVB 130 239 175	#82EFAF

#5E8D5E #659D69 #6CAD75 #73BE82 #78CE90 #7DDE9F #82EFAF

#5E8D5E - #73BE82 - #82EFAF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
    background: -webkit-linear-gradient(top, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
    background: linear-gradient(to bottom, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
}
</style>