#3C2D32 - #110C0E | 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 #3C2D32 a #110C0E

#3C2D32 #110C0E

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

#3C2D32 - #110C0E | 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 #3C2D32 come 0% e #110C0E come 100%.

0.0%	0.0% #3C2D32	RGB 60 45 50	#3C2D32
16.7%	16.7% #34272C	RGB 52 39 44	#34272C
33.3%	33.3% #2D2226	RGB 45 34 38	#2D2226
50.0%	50.0% #261C20	RGB 38 28 32	#261C20
66.7%	66.7% #1F171A	RGB 31 23 26	#1F171A
83.3%	83.3% #181114	RGB 24 17 20	#181114
100.0%	100.0% #110C0E	RGB 17 12 14	#110C0E

#3C2D32 #34272C #2D2226 #261C20 #1F171A #181114 #110C0E

#3C2D32 - #110C0E

Miscela HSV

#3C2D32 - #110C0E | 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 #3C2D32 come 0% e #110C0E come 100%.

0.0%	0.0% #3C2D32	RGB 60 45 50	#3C2D32
16.7%	16.7% #34272B	RGB 52 39 43	#34272B
33.3%	33.3% #2D2125	RGB 45 33 37	#2D2125
50.0%	50.0% #261C1F	RGB 38 28 31	#261C1F
66.7%	66.7% #1F1619	RGB 31 22 25	#1F1619
83.3%	83.3% #181113	RGB 24 17 19	#181113
100.0%	100.0% #110C0E	RGB 17 12 14	#110C0E

#3C2D32 #34272B #2D2125 #261C1F #1F1619 #181113 #110C0E

#3C2D32 - #261C1F - #110C0E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
    background: -webkit-linear-gradient(top, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
    background: linear-gradient(to bottom, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
}
</style>