#2A2B23 - #151D00 | 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 #2A2B23 a #151D00

#2A2B23 #151D00

Calcola il colore tra due colori, #2A2B23 e #151D00. 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)

#2A2B23 - #151D00 | 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 #2A2B23 come 0% e #151D00 come 100%.

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #26281D	RGB 38 40 29	#26281D
33.3%	33.3% #232617	RGB 35 38 23	#232617
50.0%	50.0% #1F2411	RGB 31 36 17	#1F2411
66.7%	66.7% #1C210B	RGB 28 33 11	#1C210B
83.3%	83.3% #181F05	RGB 24 31 5	#181F05
100.0%	100.0% #151D00	RGB 21 29 0	#151D00

#2A2B23 #26281D #232617 #1F2411 #1C210B #181F05 #151D00

#2A2B23 - #151D00

Miscela HSV

#2A2B23 - #151D00 | 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 #2A2B23 come 0% e #151D00 come 100%.

0.0%	0.0% #2A2B23	RGB 42 43 35	#2A2B23
16.7%	16.7% #26281B	RGB 38 40 27	#26281B
33.3%	33.3% #232614	RGB 35 38 20	#232614
50.0%	50.0% #1F240E	RGB 31 36 14	#1F240E
66.7%	66.7% #1C2109	RGB 28 33 9	#1C2109
83.3%	83.3% #181F04	RGB 24 31 4	#181F04
100.0%	100.0% #151D00	RGB 21 29 0	#151D00

#2A2B23 #26281B #232614 #1F240E #1C2109 #181F04 #151D00

#2A2B23 - #1F240E - #151D00

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A2B23 0%, #1F240E 50%, #151D00 100%);
    background: -webkit-linear-gradient(top, #2A2B23 0%, #1F240E 50%, #151D00 100%);
    background: linear-gradient(to bottom, #2A2B23 0%, #1F240E 50%, #151D00 100%);
}
</style>