#FFDF95 - #EEAB3E | 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 #FFDF95 à #EEAB3E

#FFDF95 #EEAB3E

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

#FFDF95 - #EEAB3E | 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 #FFDF95 0% et #EEAB3E 100%.

0.0%	0.0% #FFDF95	RVB 255 223 149	#FFDF95
16.7%	16.7% #FCD686	RVB 252 214 134	#FCD686
33.3%	33.3% #F9CD78	RVB 249 205 120	#F9CD78
50.0%	50.0% #F6C569	RVB 246 197 105	#F6C569
66.7%	66.7% #F3BC5B	RVB 243 188 91	#F3BC5B
83.3%	83.3% #F0B34C	RVB 240 179 76	#F0B34C
100.0%	100.0% #EEAB3E	RVB 238 171 62	#EEAB3E

#FFDF95 #FCD686 #F9CD78 #F6C569 #F3BC5B #F0B34C #EEAB3E

#FFDF95 - #EEAB3E

Mélange HSV

#FFDF95 - #EEAB3E | 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 #FFDF95 0% et #EEAB3E 100%.

0.0%	0.0% #FFDF95	RVB 255 223 149	#FFDF95
16.7%	16.7% #FCD685	RVB 252 214 133	#FCD685
33.3%	33.3% #F9CE76	RVB 249 206 118	#F9CE76
50.0%	50.0% #F6C568	RVB 246 197 104	#F6C568
66.7%	66.7% #F3BD59	RVB 243 189 89	#F3BD59
83.3%	83.3% #F0B44B	RVB 240 180 75	#F0B44B
100.0%	100.0% #EEAB3E	RVB 238 171 62	#EEAB3E

#FFDF95 #FCD685 #F9CE76 #F6C568 #F3BD59 #F0B44B #EEAB3E

#FFDF95 - #F6C568 - #EEAB3E

Codes CSS

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

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