#9FEB5E - #FFFA8D | 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 #9FEB5E à #FFFA8D

#9FEB5E #FFFA8D

Calculez la couleur entre deux couleurs, #9FEB5E et #FFFA8D. 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)

#9FEB5E - #FFFA8D | 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 #9FEB5E 0% et #FFFA8D 100%.

0.0%	0.0% #9FEB5E	RVB 159 235 94	#9FEB5E
16.7%	16.7% #AFED65	RVB 175 237 101	#AFED65
33.3%	33.3% #BFF06D	RVB 191 240 109	#BFF06D
50.0%	50.0% #CFF275	RVB 207 242 117	#CFF275
66.7%	66.7% #DFF57D	RVB 223 245 125	#DFF57D
83.3%	83.3% #EFF785	RVB 239 247 133	#EFF785
100.0%	100.0% #FFFA8D	RVB 255 250 141	#FFFA8D

#9FEB5E #AFED65 #BFF06D #CFF275 #DFF57D #EFF785 #FFFA8D

#9FEB5E - #FFFA8D

Mélange HSV

#9FEB5E - #FFFA8D | 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 #9FEB5E 0% et #FFFA8D 100%.

0.0%	0.0% #9EEB5E	RVB 158 235 94	#9EEB5E
16.7%	16.7% #B1EE65	RVB 177 238 101	#B1EE65
33.3%	33.3% #C3F16C	RVB 195 241 108	#C3F16C
50.0%	50.0% #D5F574	RVB 213 245 116	#D5F574
66.7%	66.7% #E5F87C	RVB 229 248 124	#E5F87C
83.3%	83.3% #F5FB84	RVB 245 251 132	#F5FB84
100.0%	100.0% #FFFA8D	RVB 255 250 141	#FFFA8D

#9EEB5E #B1EE65 #C3F16C #D5F574 #E5F87C #F5FB84 #FFFA8D

#9FEB5E - #D5F574 - #FFFA8D

Codes CSS

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

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