#EDFFC0 - #B5E86A | 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 #EDFFC0 à #B5E86A

#EDFFC0 #B5E86A

Calculez la couleur entre deux couleurs, #EDFFC0 et #B5E86A. 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)

#EDFFC0 - #B5E86A | 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 #EDFFC0 0% et #B5E86A 100%.

0.0%	0.0% #EDFFC0	RVB 237 255 192	#EDFFC0
16.7%	16.7% #E3FBB1	RVB 227 251 177	#E3FBB1
33.3%	33.3% #DAF7A3	RVB 218 247 163	#DAF7A3
50.0%	50.0% #D1F395	RVB 209 243 149	#D1F395
66.7%	66.7% #C7EF86	RVB 199 239 134	#C7EF86
83.3%	83.3% #BEEB78	RVB 190 235 120	#BEEB78
100.0%	100.0% #B5E86A	RVB 181 232 106	#B5E86A

#EDFFC0 #E3FBB1 #DAF7A3 #D1F395 #C7EF86 #BEEB78 #B5E86A

#EDFFC0 - #B5E86A

Mélange HSV

#EDFFC0 - #B5E86A | 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 #EDFFC0 0% et #B5E86A 100%.

0.0%	0.0% #EDFFC0	RVB 237 255 192	#EDFFC0
16.7%	16.7% #E4FBB0	RVB 228 251 176	#E4FBB0
33.3%	33.3% #DBF7A1	RVB 219 247 161	#DBF7A1
50.0%	50.0% #D2F393	RVB 210 243 147	#D2F393
66.7%	66.7% #C8EF85	RVB 200 239 133	#C8EF85
83.3%	83.3% #BFEB77	RVB 191 235 119	#BFEB77
100.0%	100.0% #B5E86A	RVB 181 232 106	#B5E86A

#EDFFC0 #E4FBB0 #DBF7A1 #D2F393 #C8EF85 #BFEB77 #B5E86A

#EDFFC0 - #D2F393 - #B5E86A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDFFC0 0%, #D2F393 50%, #B5E86A 100%);
    background: -webkit-linear-gradient(top, #EDFFC0 0%, #D2F393 50%, #B5E86A 100%);
    background: linear-gradient(to bottom, #EDFFC0 0%, #D2F393 50%, #B5E86A 100%);
}
</style>