#45AC2B - #E8D3AC | 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 #45AC2B a #E8D3AC

#45AC2B #E8D3AC

Calcola il colore tra due colori, #45AC2B e #E8D3AC. 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)

#45AC2B - #E8D3AC | 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 #45AC2B come 0% e #E8D3AC come 100%.

0.0%	0.0% #45AC2B	RGB 69 172 43	#45AC2B
16.7%	16.7% #60B240	RGB 96 178 64	#60B240
33.3%	33.3% #7BB956	RGB 123 185 86	#7BB956
50.0%	50.0% #96BF6B	RGB 150 191 107	#96BF6B
66.7%	66.7% #B1C681	RGB 177 198 129	#B1C681
83.3%	83.3% #CCCC96	RGB 204 204 150	#CCCC96
100.0%	100.0% #E8D3AC	RGB 232 211 172	#E8D3AC

#45AC2B #60B240 #7BB956 #96BF6B #B1C681 #CCCC96 #E8D3AC

#45AC2B - #E8D3AC

Miscela HSV

#45AC2B - #E8D3AC | 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 #45AC2B come 0% e #E8D3AC come 100%.

0.0%	0.0% #45AC2B	RGB 69 172 43	#45AC2B
16.7%	16.7% #6CB63C	RGB 108 182 60	#6CB63C
33.3%	33.3% #91C04F	RGB 145 192 79	#91C04F
50.0%	50.0% #B3CA64	RGB 179 202 100	#B3CA64
66.7%	66.7% #D1D47A	RGB 209 212 122	#D1D47A
83.3%	83.3% #DED292	RGB 222 210 146	#DED292
100.0%	100.0% #E8D3AC	RGB 232 211 172	#E8D3AC

#45AC2B #6CB63C #91C04F #B3CA64 #D1D47A #DED292 #E8D3AC

#45AC2B - #B3CA64 - #E8D3AC

Codici CSS

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

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