#3A6B5E - #96B37C | 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 #3A6B5E a #96B37C

#3A6B5E #96B37C

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

#3A6B5E - #96B37C | 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 #3A6B5E come 0% e #96B37C come 100%.

0.0%	0.0% #3A6B5E	RGB 58 107 94	#3A6B5E
16.7%	16.7% #497763	RGB 73 119 99	#497763
33.3%	33.3% #588368	RGB 88 131 104	#588368
50.0%	50.0% #688F6D	RGB 104 143 109	#688F6D
66.7%	66.7% #779B72	RGB 119 155 114	#779B72
83.3%	83.3% #86A777	RGB 134 167 119	#86A777
100.0%	100.0% #96B37C	RGB 150 179 124	#96B37C

#3A6B5E #497763 #588368 #688F6D #779B72 #86A777 #96B37C

#3A6B5E - #96B37C

Miscela HSV

#3A6B5E - #96B37C | 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 #3A6B5E come 0% e #96B37C come 100%.

0.0%	0.0% #3A6B5E	RGB 58 107 94	#3A6B5E
16.7%	16.7% #43775E	RGB 67 119 94	#43775E
33.3%	33.3% #4D835F	RGB 77 131 95	#4D835F
50.0%	50.0% #588F5F	RGB 88 143 95	#588F5F
66.7%	66.7% #679B63	RGB 103 155 99	#679B63
83.3%	83.3% #7EA76F	RGB 126 167 111	#7EA76F
100.0%	100.0% #96B37C	RGB 150 179 124	#96B37C

#3A6B5E #43775E #4D835F #588F5F #679B63 #7EA76F #96B37C

#3A6B5E - #588F5F - #96B37C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A6B5E 0%, #588F5F 50%, #96B37C 100%);
    background: -webkit-linear-gradient(top, #3A6B5E 0%, #588F5F 50%, #96B37C 100%);
    background: linear-gradient(to bottom, #3A6B5E 0%, #588F5F 50%, #96B37C 100%);
}
</style>