#E5E9B5 - #E0FFEE | 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 #E5E9B5 a #E0FFEE

#E5E9B5 #E0FFEE

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

#E5E9B5 - #E0FFEE | 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 #E5E9B5 come 0% e #E0FFEE come 100%.

0.0%	0.0% #E5E9B5	RGB 229 233 181	#E5E9B5
16.7%	16.7% #E4ECBE	RGB 228 236 190	#E4ECBE
33.3%	33.3% #E3F0C8	RGB 227 240 200	#E3F0C8
50.0%	50.0% #E2F4D1	RGB 226 244 209	#E2F4D1
66.7%	66.7% #E1F7DB	RGB 225 247 219	#E1F7DB
83.3%	83.3% #E0FBE4	RGB 224 251 228	#E0FBE4
100.0%	100.0% #E0FFEE	RGB 224 255 238	#E0FFEE

#E5E9B5 #E4ECBE #E3F0C8 #E2F4D1 #E1F7DB #E0FBE4 #E0FFEE

#E5E9B5 - #E0FFEE

Miscela HSV

#E5E9B5 - #E0FFEE | 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 #E5E9B5 come 0% e #E0FFEE come 100%.

0.0%	0.0% #E5E9B5	RGB 229 233 181	#E5E9B5
16.7%	16.7% #DDECBB	RGB 221 236 187	#DDECBB
33.3%	33.3% #D7F0C2	RGB 215 240 194	#D7F0C2
50.0%	50.0% #D3F4C9	RGB 211 244 201	#D3F4C9
66.7%	66.7% #D1F7D1	RGB 209 247 209	#D1F7D1
83.3%	83.3% #D8FBE0	RGB 216 251 224	#D8FBE0
100.0%	100.0% #E0FFEE	RGB 224 255 238	#E0FFEE

#E5E9B5 #DDECBB #D7F0C2 #D3F4C9 #D1F7D1 #D8FBE0 #E0FFEE

#E5E9B5 - #D3F4C9 - #E0FFEE

Codici CSS

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

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