#BEBE5E - #ECECD1 | 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 #BEBE5E a #ECECD1

#BEBE5E #ECECD1

Calcola il colore tra due colori, #BEBE5E e #ECECD1. 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)

#BEBE5E - #ECECD1 | 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 #BEBE5E come 0% e #ECECD1 come 100%.

0.0%	0.0% #BEBE5E	RGB 190 190 94	#BEBE5E
16.7%	16.7% #C5C571	RGB 197 197 113	#C5C571
33.3%	33.3% #CDCD84	RGB 205 205 132	#CDCD84
50.0%	50.0% #D5D597	RGB 213 213 151	#D5D597
66.7%	66.7% #DCDCAA	RGB 220 220 170	#DCDCAA
83.3%	83.3% #E4E4BD	RGB 228 228 189	#E4E4BD
100.0%	100.0% #ECECD1	RGB 236 236 209	#ECECD1

#BEBE5E #C5C571 #CDCD84 #D5D597 #DCDCAA #E4E4BD #ECECD1

#BEBE5E - #ECECD1

Miscela HSV

#BEBE5E - #ECECD1 | 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 #BEBE5E come 0% e #ECECD1 come 100%.

0.0%	0.0% #BEBE5E	RGB 190 190 94	#BEBE5E
16.7%	16.7% #C5C56E	RGB 197 197 110	#C5C56E
33.3%	33.3% #CDCD80	RGB 205 205 128	#CDCD80
50.0%	50.0% #D5D593	RGB 213 213 147	#D5D593
66.7%	66.7% #DCDCA6	RGB 220 220 166	#DCDCA6
83.3%	83.3% #E4E4BB	RGB 228 228 187	#E4E4BB
100.0%	100.0% #ECECD1	RGB 236 236 209	#ECECD1

#BEBE5E #C5C56E #CDCD80 #D5D593 #DCDCA6 #E4E4BB #ECECD1

#BEBE5E - #D5D593 - #ECECD1

Codici CSS

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

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