#180909 - #4E3C3E | 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 #180909 a #4E3C3E

#180909 #4E3C3E

Calcola il colore tra due colori, #180909 e #4E3C3E. 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)

#180909 - #4E3C3E | 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 #180909 come 0% e #4E3C3E come 100%.

0.0%	0.0% #180909	RGB 24 9 9	#180909
16.7%	16.7% #211111	RGB 33 17 17	#211111
33.3%	33.3% #2A1A1A	RGB 42 26 26	#2A1A1A
50.0%	50.0% #332223	RGB 51 34 35	#332223
66.7%	66.7% #3C2B2C	RGB 60 43 44	#3C2B2C
83.3%	83.3% #453335	RGB 69 51 53	#453335
100.0%	100.0% #4E3C3E	RGB 78 60 62	#4E3C3E

#180909 #211111 #2A1A1A #332223 #3C2B2C #453335 #4E3C3E

#180909 - #4E3C3E

Miscela HSV

#180909 - #4E3C3E | 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 #180909 come 0% e #4E3C3E come 100%.

0.0%	0.0% #180909	RGB 24 9 9	#180909
16.7%	16.7% #210E0E	RGB 33 14 14	#210E0E
33.3%	33.3% #2A1516	RGB 42 21 22	#2A1516
50.0%	50.0% #331D1E	RGB 51 29 30	#331D1E
66.7%	66.7% #3C2627	RGB 60 38 39	#3C2627
83.3%	83.3% #453032	RGB 69 48 50	#453032
100.0%	100.0% #4E3C3E	RGB 78 60 62	#4E3C3E

#180909 #210E0E #2A1516 #331D1E #3C2627 #453032 #4E3C3E

#180909 - #331D1E - #4E3C3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #180909 0%, #331D1E 50%, #4E3C3E 100%);
    background: -webkit-linear-gradient(top, #180909 0%, #331D1E 50%, #4E3C3E 100%);
    background: linear-gradient(to bottom, #180909 0%, #331D1E 50%, #4E3C3E 100%);
}
</style>