#ECE538 - #C9AF0E | 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 #ECE538 a #C9AF0E

#ECE538 #C9AF0E

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

#ECE538 - #C9AF0E | 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 #ECE538 come 0% e #C9AF0E come 100%.

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC31	RGB 230 220 49	#E6DC31
33.3%	33.3% #E0D32A	RGB 224 211 42	#E0D32A
50.0%	50.0% #DACA23	RGB 218 202 35	#DACA23
66.7%	66.7% #D4C11C	RGB 212 193 28	#D4C11C
83.3%	83.3% #CEB815	RGB 206 184 21	#CEB815
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC31 #E0D32A #DACA23 #D4C11C #CEB815 #C9AF0E

#ECE538 - #C9AF0E

Miscela HSV

#ECE538 - #C9AF0E | 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 #ECE538 come 0% e #C9AF0E come 100%.

0.0%	0.0% #ECE538	RGB 236 229 56	#ECE538
16.7%	16.7% #E6DC30	RGB 230 220 48	#E6DC30
33.3%	33.3% #E0D328	RGB 224 211 40	#E0D328
50.0%	50.0% #DACA21	RGB 218 202 33	#DACA21
66.7%	66.7% #D4C11A	RGB 212 193 26	#D4C11A
83.3%	83.3% #CEB714	RGB 206 183 20	#CEB714
100.0%	100.0% #C9AF0E	RGB 201 175 14	#C9AF0E

#ECE538 #E6DC30 #E0D328 #DACA21 #D4C11A #CEB714 #C9AF0E

#ECE538 - #DACA21 - #C9AF0E

Codici CSS

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

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