#3C3E3C - #002D12 | 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 #002D12

#3C3E3C #002D12

Calcola il colore tra due colori, #3C3E3C e #002D12. 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 - #002D12 | 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 #002D12 come 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #323B35	RGB 50 59 53	#323B35
33.3%	33.3% #28382E	RGB 40 56 46	#28382E
50.0%	50.0% #1E3527	RGB 30 53 39	#1E3527
66.7%	66.7% #143220	RGB 20 50 32	#143220
83.3%	83.3% #0A2F19	RGB 10 47 25	#0A2F19
100.0%	100.0% #002D12	RGB 0 45 18	#002D12

#3C3E3C #323B35 #28382E #1E3527 #143220 #0A2F19 #002D12

#3C3E3C - #002D12

Miscela HSV

#3C3E3C - #002D12 | 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 #002D12 come 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #2F3B30	RGB 47 59 48	#2F3B30
33.3%	33.3% #243827	RGB 36 56 39	#243827
50.0%	50.0% #19351F	RGB 25 53 31	#19351F
66.7%	66.7% #103219	RGB 16 50 25	#103219
83.3%	83.3% #072F15	RGB 7 47 21	#072F15
100.0%	100.0% #002D12	RGB 0 45 18	#002D12

#3C3E3C #2F3B30 #243827 #19351F #103219 #072F15 #002D12

#3C3E3C - #19351F - #002D12

Codici CSS

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

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