#EDE6C0 - #B99E5E | 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 #EDE6C0 à #B99E5E

#EDE6C0 #B99E5E

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

#EDE6C0 - #B99E5E | 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 #EDE6C0 0% et #B99E5E 100%.

0.0%	0.0% #EDE6C0	RVB 237 230 192	#EDE6C0
16.7%	16.7% #E4DAAF	RVB 228 218 175	#E4DAAF
33.3%	33.3% #DBCE9F	RVB 219 206 159	#DBCE9F
50.0%	50.0% #D3C28F	RVB 211 194 143	#D3C28F
66.7%	66.7% #CAB67E	RVB 202 182 126	#CAB67E
83.3%	83.3% #C1AA6E	RVB 193 170 110	#C1AA6E
100.0%	100.0% #B99E5E	RVB 185 158 94	#B99E5E

#EDE6C0 #E4DAAF #DBCE9F #D3C28F #CAB67E #C1AA6E #B99E5E

#EDE6C0 - #B99E5E

Mélange HSV

#EDE6C0 - #B99E5E | 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 #EDE6C0 0% et #B99E5E 100%.

0.0%	0.0% #EDE6C0	RVB 237 230 192	#EDE6C0
16.7%	16.7% #E4DAAD	RVB 228 218 173	#E4DAAD
33.3%	33.3% #DBCE9B	RVB 219 206 155	#DBCE9B
50.0%	50.0% #D3C28B	RVB 211 194 139	#D3C28B
66.7%	66.7% #CAB67B	RVB 202 182 123	#CAB67B
83.3%	83.3% #C1AA6C	RVB 193 170 108	#C1AA6C
100.0%	100.0% #B99E5E	RVB 185 158 94	#B99E5E

#EDE6C0 #E4DAAD #DBCE9B #D3C28B #CAB67B #C1AA6C #B99E5E

#EDE6C0 - #D3C28B - #B99E5E

Codes CSS

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

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