#F5E2AF - #DEB058 | 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 #F5E2AF à #DEB058

#F5E2AF #DEB058

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

#F5E2AF - #DEB058 | 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 #F5E2AF 0% et #DEB058 100%.

0.0%	0.0% #F5E2AF	RVB 245 226 175	#F5E2AF
16.7%	16.7% #F1D9A0	RVB 241 217 160	#F1D9A0
33.3%	33.3% #EDD192	RVB 237 209 146	#EDD192
50.0%	50.0% #E9C983	RVB 233 201 131	#E9C983
66.7%	66.7% #E5C075	RVB 229 192 117	#E5C075
83.3%	83.3% #E1B866	RVB 225 184 102	#E1B866
100.0%	100.0% #DEB058	RVB 222 176 88	#DEB058

#F5E2AF #F1D9A0 #EDD192 #E9C983 #E5C075 #E1B866 #DEB058

#F5E2AF - #DEB058

Mélange HSV

#F5E2AF - #DEB058 | 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 #F5E2AF 0% et #DEB058 100%.

0.0%	0.0% #F5E2AF	RVB 245 226 175	#F5E2AF
16.7%	16.7% #F1DA9F	RVB 241 218 159	#F1DA9F
33.3%	33.3% #EDD190	RVB 237 209 144	#EDD190
50.0%	50.0% #E9C981	RVB 233 201 129	#E9C981
66.7%	66.7% #E5C173	RVB 229 193 115	#E5C173
83.3%	83.3% #E1B865	RVB 225 184 101	#E1B865
100.0%	100.0% #DEB058	RVB 222 176 88	#DEB058

#F5E2AF #F1DA9F #EDD190 #E9C981 #E5C173 #E1B865 #DEB058

#F5E2AF - #E9C981 - #DEB058

Codes CSS

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

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