#FDFF5E - #FEFFD1 | 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 #FDFF5E à #FEFFD1

#FDFF5E #FEFFD1

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

#FDFF5E - #FEFFD1 | 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 #FDFF5E 0% et #FEFFD1 100%.

0.0%	0.0% #FDFF5E	RVB 253 255 94	#FDFF5E
16.7%	16.7% #FDFF71	RVB 253 255 113	#FDFF71
33.3%	33.3% #FDFF84	RVB 253 255 132	#FDFF84
50.0%	50.0% #FDFF97	RVB 253 255 151	#FDFF97
66.7%	66.7% #FDFFAA	RVB 253 255 170	#FDFFAA
83.3%	83.3% #FDFFBD	RVB 253 255 189	#FDFFBD
100.0%	100.0% #FEFFD1	RVB 254 255 209	#FEFFD1

#FDFF5E #FDFF71 #FDFF84 #FDFF97 #FDFFAA #FDFFBD #FEFFD1

#FDFF5E - #FEFFD1

Mélange HSV

#FDFF5E - #FEFFD1 | 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 #FDFF5E 0% et #FEFFD1 100%.

0.0%	0.0% #FDFF5D	RVB 253 255 93	#FDFF5D
16.7%	16.7% #FDFF71	RVB 253 255 113	#FDFF71
33.3%	33.3% #FDFF84	RVB 253 255 132	#FDFF84
50.0%	50.0% #FDFF97	RVB 253 255 151	#FDFF97
66.7%	66.7% #FDFFAA	RVB 253 255 170	#FDFFAA
83.3%	83.3% #FDFFBD	RVB 253 255 189	#FDFFBD
100.0%	100.0% #FEFFD1	RVB 254 255 209	#FEFFD1

#FDFF5D #FDFF71 #FDFF84 #FDFF97 #FDFFAA #FDFFBD #FEFFD1

#FDFF5E - #FDFF97 - #FEFFD1

Codes CSS

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

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