#A0FF5E - #FFFF93 | 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 #A0FF5E à #FFFF93

#A0FF5E #FFFF93

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

#A0FF5E - #FFFF93 | 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 #A0FF5E 0% et #FFFF93 100%.

0.0%	0.0% #A0FF5E	RVB 160 255 94	#A0FF5E
16.7%	16.7% #AFFF66	RVB 175 255 102	#AFFF66
33.3%	33.3% #BFFF6F	RVB 191 255 111	#BFFF6F
50.0%	50.0% #CFFF78	RVB 207 255 120	#CFFF78
66.7%	66.7% #DFFF81	RVB 223 255 129	#DFFF81
83.3%	83.3% #EFFF8A	RVB 239 255 138	#EFFF8A
100.0%	100.0% #FFFF93	RVB 255 255 147	#FFFF93

#A0FF5E #AFFF66 #BFFF6F #CFFF78 #DFFF81 #EFFF8A #FFFF93

#A0FF5E - #FFFF93

Mélange HSV

#A0FF5E - #FFFF93 | 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 #A0FF5E 0% et #FFFF93 100%.

0.0%	0.0% #9FFF5D	RVB 159 255 93	#9FFF5D
16.7%	16.7% #B4FF66	RVB 180 255 102	#B4FF66
33.3%	33.3% #C6FF6F	RVB 198 255 111	#C6FF6F
50.0%	50.0% #D7FF78	RVB 215 255 120	#D7FF78
66.7%	66.7% #E6FF81	RVB 230 255 129	#E6FF81
83.3%	83.3% #F3FF8A	RVB 243 255 138	#F3FF8A
100.0%	100.0% #FFFF93	RVB 255 255 147	#FFFF93

#9FFF5D #B4FF66 #C6FF6F #D7FF78 #E6FF81 #F3FF8A #FFFF93

#A0FF5E - #D7FF78 - #FFFF93

Codes CSS

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

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