#3C5E06 - #101A02 | 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 #3C5E06 a #101A02

#3C5E06 #101A02

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

#3C5E06 - #101A02 | 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 #3C5E06 come 0% e #101A02 come 100%.

0.0%	0.0% #3C5E06	RGB 60 94 6	#3C5E06
16.7%	16.7% #345205	RGB 52 82 5	#345205
33.3%	33.3% #2D4704	RGB 45 71 4	#2D4704
50.0%	50.0% #263C04	RGB 38 60 4	#263C04
66.7%	66.7% #1E3003	RGB 30 48 3	#1E3003
83.3%	83.3% #172502	RGB 23 37 2	#172502
100.0%	100.0% #101A02	RGB 16 26 2	#101A02

#3C5E06 #345205 #2D4704 #263C04 #1E3003 #172502 #101A02

#3C5E06 - #101A02

Miscela HSV

#3C5E06 - #101A02 | 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 #3C5E06 come 0% e #101A02 come 100%.

0.0%	0.0% #3C5E05	RGB 60 94 5	#3C5E05
16.7%	16.7% #345205	RGB 52 82 5	#345205
33.3%	33.3% #2C4704	RGB 44 71 4	#2C4704
50.0%	50.0% #253C04	RGB 37 60 4	#253C04
66.7%	66.7% #1E3003	RGB 30 48 3	#1E3003
83.3%	83.3% #172502	RGB 23 37 2	#172502
100.0%	100.0% #101A02	RGB 16 26 2	#101A02

#3C5E05 #345205 #2C4704 #253C04 #1E3003 #172502 #101A02

#3C5E06 - #253C04 - #101A02

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E05 0%, #253C04 50%, #101A02 100%);
    background: -webkit-linear-gradient(top, #3C5E05 0%, #253C04 50%, #101A02 100%);
    background: linear-gradient(to bottom, #3C5E05 0%, #253C04 50%, #101A02 100%);
}
</style>