#3E3C2B - #252600 | 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 #3E3C2B a #252600

#3E3C2B #252600

Calcola il colore tra due colori, #3E3C2B e #252600. 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)

#3E3C2B - #252600 | 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 #3E3C2B come 0% e #252600 come 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #393823	RGB 57 56 35	#393823
33.3%	33.3% #35341C	RGB 53 52 28	#35341C
50.0%	50.0% #313115	RGB 49 49 21	#313115
66.7%	66.7% #2D2D0E	RGB 45 45 14	#2D2D0E
83.3%	83.3% #292907	RGB 41 41 7	#292907
100.0%	100.0% #252600	RGB 37 38 0	#252600

#3E3C2B #393823 #35341C #313115 #2D2D0E #292907 #252600

#3E3C2B - #252600

Miscela HSV

#3E3C2B - #252600 | 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 #3E3C2B come 0% e #252600 come 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #3A3721	RGB 58 55 33	#3A3721
33.3%	33.3% #363418	RGB 54 52 24	#363418
50.0%	50.0% #323011	RGB 50 48 17	#323011
66.7%	66.7% #2E2D0A	RGB 46 45 10	#2E2D0A
83.3%	83.3% #292A04	RGB 41 42 4	#292A04
100.0%	100.0% #252600	RGB 37 38 0	#252600

#3E3C2B #3A3721 #363418 #323011 #2E2D0A #292A04 #252600

#3E3C2B - #323011 - #252600

Codici CSS

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

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