#3C3E3C - #748F67 | 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 #3C3E3C a #748F67

#3C3E3C #748F67

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

#3C3E3C - #748F67 | 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 #3C3E3C come 0% e #748F67 come 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #454B43	RGB 69 75 67	#454B43
33.3%	33.3% #4E594A	RGB 78 89 74	#4E594A
50.0%	50.0% #586651	RGB 88 102 81	#586651
66.7%	66.7% #617458	RGB 97 116 88	#617458
83.3%	83.3% #6A815F	RGB 106 129 95	#6A815F
100.0%	100.0% #748F67	RGB 116 143 103	#748F67

#3C3E3C #454B43 #4E594A #586651 #617458 #6A815F #748F67

#3C3E3C - #748F67

Miscela HSV

#3C3E3C - #748F67 | 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 #3C3E3C come 0% e #748F67 come 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #464B45	RGB 70 75 69	#464B45
33.3%	33.3% #4F594E	RGB 79 89 78	#4F594E
50.0%	50.0% #596656	RGB 89 102 86	#596656
66.7%	66.7% #62745D	RGB 98 116 93	#62745D
83.3%	83.3% #6A8162	RGB 106 129 98	#6A8162
100.0%	100.0% #748F67	RGB 116 143 103	#748F67

#3C3E3C #464B45 #4F594E #596656 #62745D #6A8162 #748F67

#3C3E3C - #596656 - #748F67

Codici CSS

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

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