#E5E67F - #B2BA2E | 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 #E5E67F a #B2BA2E

#E5E67F #B2BA2E

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

#E5E67F - #B2BA2E | 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 #E5E67F come 0% e #B2BA2E come 100%.

0.0%	0.0% #E5E67F	RGB 229 230 127	#E5E67F
16.7%	16.7% #DCDE71	RGB 220 222 113	#DCDE71
33.3%	33.3% #D4D764	RGB 212 215 100	#D4D764
50.0%	50.0% #CBD056	RGB 203 208 86	#CBD056
66.7%	66.7% #C3C849	RGB 195 200 73	#C3C849
83.3%	83.3% #BAC13B	RGB 186 193 59	#BAC13B
100.0%	100.0% #B2BA2E	RGB 178 186 46	#B2BA2E

#E5E67F #DCDE71 #D4D764 #CBD056 #C3C849 #BAC13B #B2BA2E

#E5E67F - #B2BA2E

Miscela HSV

#E5E67F - #B2BA2E | 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 #E5E67F come 0% e #B2BA2E come 100%.

0.0%	0.0% #E5E67F	RGB 229 230 127	#E5E67F
16.7%	16.7% #DCDE6F	RGB 220 222 111	#DCDE6F
33.3%	33.3% #D4D761	RGB 212 215 97	#D4D761
50.0%	50.0% #CBD053	RGB 203 208 83	#CBD053
66.7%	66.7% #C3C846	RGB 195 200 70	#C3C846
83.3%	83.3% #BAC139	RGB 186 193 57	#BAC139
100.0%	100.0% #B2BA2E	RGB 178 186 46	#B2BA2E

#E5E67F #DCDE6F #D4D761 #CBD053 #C3C846 #BAC139 #B2BA2E

#E5E67F - #CBD053 - #B2BA2E

Codici CSS

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

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