#E5E2B3 - #BAB944 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #E5E2B3 a #BAB944

#E5E2B3 #BAB944

Calcola il colore tra due colori, #E5E2B3 e #BAB944. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#E5E2B3 - #BAB944 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #E5E2B3 come 0% e #BAB944 come 100%.

0.0%	0.0% #E5E2B3	RGB 229 226 179	#E5E2B3
16.7%	16.7% #DDDBA0	RGB 221 219 160	#DDDBA0
33.3%	33.3% #D6D48E	RGB 214 212 142	#D6D48E
50.0%	50.0% #CFCD7B	RGB 207 205 123	#CFCD7B
66.7%	66.7% #C8C669	RGB 200 198 105	#C8C669
83.3%	83.3% #C1BF56	RGB 193 191 86	#C1BF56
100.0%	100.0% #BAB944	RGB 186 185 68	#BAB944

#E5E2B3 #DDDBA0 #D6D48E #CFCD7B #C8C669 #C1BF56 #BAB944

#E5E2B3 - #BAB944

Miscela HSV

#E5E2B3 - #BAB944 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #E5E2B3 come 0% e #BAB944 come 100%.

0.0%	0.0% #E5E2B3	RGB 229 226 179	#E5E2B3
16.7%	16.7% #DDDA9E	RGB 221 218 158	#DDDA9E
33.3%	33.3% #D6D38A	RGB 214 211 138	#D6D38A
50.0%	50.0% #CFCC77	RGB 207 204 119	#CFCC77
66.7%	66.7% #C8C565	RGB 200 197 101	#C8C565
83.3%	83.3% #C1BF54	RGB 193 191 84	#C1BF54
100.0%	100.0% #BAB944	RGB 186 185 68	#BAB944

#E5E2B3 #DDDA9E #D6D38A #CFCC77 #C8C565 #C1BF54 #BAB944

#E5E2B3 - #CFCC77 - #BAB944

Codici CSS

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

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