#F9FFC0 - #D1DB5E | 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 #F9FFC0 à #D1DB5E

#F9FFC0 #D1DB5E

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

#F9FFC0 - #D1DB5E | 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 #F9FFC0 0% et #D1DB5E 100%.

0.0%	0.0% #F9FFC0	RVB 249 255 192	#F9FFC0
16.7%	16.7% #F2F9AF	RVB 242 249 175	#F2F9AF
33.3%	33.3% #EBF39F	RVB 235 243 159	#EBF39F
50.0%	50.0% #E5ED8F	RVB 229 237 143	#E5ED8F
66.7%	66.7% #DEE77E	RVB 222 231 126	#DEE77E
83.3%	83.3% #D7E16E	RVB 215 225 110	#D7E16E
100.0%	100.0% #D1DB5E	RVB 209 219 94	#D1DB5E

#F9FFC0 #F2F9AF #EBF39F #E5ED8F #DEE77E #D7E16E #D1DB5E

#F9FFC0 - #D1DB5E

Mélange HSV

#F9FFC0 - #D1DB5E | 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 #F9FFC0 0% et #D1DB5E 100%.

0.0%	0.0% #F9FFC0	RVB 249 255 192	#F9FFC0
16.7%	16.7% #F2F9AE	RVB 242 249 174	#F2F9AE
33.3%	33.3% #EBF39C	RVB 235 243 156	#EBF39C
50.0%	50.0% #E4ED8C	RVB 228 237 140	#E4ED8C
66.7%	66.7% #DDE77C	RVB 221 231 124	#DDE77C
83.3%	83.3% #D7E16C	RVB 215 225 108	#D7E16C
100.0%	100.0% #D1DB5E	RVB 209 219 94	#D1DB5E

#F9FFC0 #F2F9AE #EBF39C #E4ED8C #DDE77C #D7E16C #D1DB5E

#F9FFC0 - #E4ED8C - #D1DB5E

Codes CSS

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

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