#1B5E35 - #06291C | 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 #1B5E35 a #06291C

#1B5E35 #06291C

Calcola il colore tra due colori, #1B5E35 e #06291C. 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)

#1B5E35 - #06291C | 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 #1B5E35 come 0% e #06291C come 100%.

0.0%	0.0% #1B5E35	RGB 27 94 53	#1B5E35
16.7%	16.7% #175530	RGB 23 85 48	#175530
33.3%	33.3% #144C2C	RGB 20 76 44	#144C2C
50.0%	50.0% #104328	RGB 16 67 40	#104328
66.7%	66.7% #0D3A24	RGB 13 58 36	#0D3A24
83.3%	83.3% #093120	RGB 9 49 32	#093120
100.0%	100.0% #06291C	RGB 6 41 28	#06291C

#1B5E35 #175530 #144C2C #104328 #0D3A24 #093120 #06291C

#1B5E35 - #06291C

Miscela HSV

#1B5E35 - #06291C | 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 #1B5E35 come 0% e #06291C come 100%.

0.0%	0.0% #1B5E35	RGB 27 94 53	#1B5E35
16.7%	16.7% #165531	RGB 22 85 49	#165531
33.3%	33.3% #124C2D	RGB 18 76 45	#124C2D
50.0%	50.0% #0E4329	RGB 14 67 41	#0E4329
66.7%	66.7% #0B3A25	RGB 11 58 37	#0B3A25
83.3%	83.3% #083120	RGB 8 49 32	#083120
100.0%	100.0% #06291C	RGB 6 41 28	#06291C

#1B5E35 #165531 #124C2D #0E4329 #0B3A25 #083120 #06291C

#1B5E35 - #0E4329 - #06291C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E35 0%, #0E4329 50%, #06291C 100%);
    background: -webkit-linear-gradient(top, #1B5E35 0%, #0E4329 50%, #06291C 100%);
    background: linear-gradient(to bottom, #1B5E35 0%, #0E4329 50%, #06291C 100%);
}
</style>