#9FEC9F - #FFF0AC | 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 #9FEC9F à #FFF0AC

#9FEC9F #FFF0AC

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

#9FEC9F - #FFF0AC | 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 #9FEC9F 0% et #FFF0AC 100%.

0.0%	0.0% #9FEC9F	RVB 159 236 159	#9FEC9F
16.7%	16.7% #AFECA1	RVB 175 236 161	#AFECA1
33.3%	33.3% #BFEDA3	RVB 191 237 163	#BFEDA3
50.0%	50.0% #CFEEA5	RVB 207 238 165	#CFEEA5
66.7%	66.7% #DFEEA7	RVB 223 238 167	#DFEEA7
83.3%	83.3% #EFEFA9	RVB 239 239 169	#EFEFA9
100.0%	100.0% #FFF0AC	RVB 255 240 172	#FFF0AC

#9FEC9F #AFECA1 #BFEDA3 #CFEEA5 #DFEEA7 #EFEFA9 #FFF0AC

#9FEC9F - #FFF0AC

Mélange HSV

#9FEC9F - #FFF0AC | 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 #9FEC9F 0% et #FFF0AC 100%.

0.0%	0.0% #9FEC9F	RVB 159 236 159	#9FEC9F
16.7%	16.7% #B0EFA1	RVB 176 239 161	#B0EFA1
33.3%	33.3% #C2F2A3	RVB 194 242 163	#C2F2A3
50.0%	50.0% #D4F5A5	RVB 212 245 165	#D4F5A5
66.7%	66.7% #E7F8A7	RVB 231 248 167	#E7F8A7
83.3%	83.3% #FAFBA9	RVB 250 251 169	#FAFBA9
100.0%	100.0% #FFF0AC	RVB 255 240 172	#FFF0AC

#9FEC9F #B0EFA1 #C2F2A3 #D4F5A5 #E7F8A7 #FAFBA9 #FFF0AC

#9FEC9F - #D4F5A5 - #FFF0AC

Codes CSS

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

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