#E5E5CF - #BFB87E | 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 #E5E5CF à #BFB87E

#E5E5CF #BFB87E

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

#E5E5CF - #BFB87E | 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 #E5E5CF 0% et #BFB87E 100%.

0.0%	0.0% #E5E5CF	RVB 229 229 207	#E5E5CF
16.7%	16.7% #DEDDC1	RVB 222 221 193	#DEDDC1
33.3%	33.3% #D8D6B4	RVB 216 214 180	#D8D6B4
50.0%	50.0% #D2CEA6	RVB 210 206 166	#D2CEA6
66.7%	66.7% #CBC799	RVB 203 199 153	#CBC799
83.3%	83.3% #C5BF8B	RVB 197 191 139	#C5BF8B
100.0%	100.0% #BFB87E	RVB 191 184 126	#BFB87E

#E5E5CF #DEDDC1 #D8D6B4 #D2CEA6 #CBC799 #C5BF8B #BFB87E

#E5E5CF - #BFB87E

Mélange HSV

#E5E5CF - #BFB87E | 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 #E5E5CF 0% et #BFB87E 100%.

0.0%	0.0% #E5E5CF	RVB 229 229 207	#E5E5CF
16.7%	16.7% #DEDEC0	RVB 222 222 192	#DEDEC0
33.3%	33.3% #D8D6B1	RVB 216 214 177	#D8D6B1
50.0%	50.0% #D2CFA4	RVB 210 207 164	#D2CFA4
66.7%	66.7% #CBC796	RVB 203 199 150	#CBC796
83.3%	83.3% #C5C08A	RVB 197 192 138	#C5C08A
100.0%	100.0% #BFB87E	RVB 191 184 126	#BFB87E

#E5E5CF #DEDEC0 #D8D6B1 #D2CFA4 #CBC796 #C5C08A #BFB87E

#E5E5CF - #D2CFA4 - #BFB87E

Codes CSS

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

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