#E5EAB4 - #AEC25E | 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 #E5EAB4 a #AEC25E

#E5EAB4 #AEC25E

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

#E5EAB4 - #AEC25E | 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 #E5EAB4 come 0% e #AEC25E come 100%.

0.0%	0.0% #E5EAB4	RGB 229 234 180	#E5EAB4
16.7%	16.7% #DBE3A5	RGB 219 227 165	#DBE3A5
33.3%	33.3% #D2DC97	RGB 210 220 151	#D2DC97
50.0%	50.0% #C9D689	RGB 201 214 137	#C9D689
66.7%	66.7% #C0CF7A	RGB 192 207 122	#C0CF7A
83.3%	83.3% #B7C86C	RGB 183 200 108	#B7C86C
100.0%	100.0% #AEC25E	RGB 174 194 94	#AEC25E

#E5EAB4 #DBE3A5 #D2DC97 #C9D689 #C0CF7A #B7C86C #AEC25E

#E5EAB4 - #AEC25E

Miscela HSV

#E5EAB4 - #AEC25E | 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 #E5EAB4 come 0% e #AEC25E come 100%.

0.0%	0.0% #E5EAB4	RGB 229 234 180	#E5EAB4
16.7%	16.7% #DCE3A4	RGB 220 227 164	#DCE3A4
33.3%	33.3% #D3DC94	RGB 211 220 148	#D3DC94
50.0%	50.0% #CAD686	RGB 202 214 134	#CAD686
66.7%	66.7% #C1CF78	RGB 193 207 120	#C1CF78
83.3%	83.3% #B7C86A	RGB 183 200 106	#B7C86A
100.0%	100.0% #AEC25E	RGB 174 194 94	#AEC25E

#E5EAB4 #DCE3A4 #D3DC94 #CAD686 #C1CF78 #B7C86A #AEC25E

#E5EAB4 - #CAD686 - #AEC25E

Codici CSS

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

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