#1E5E31 - #07271C | 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 #1E5E31 a #07271C

#1E5E31 #07271C

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

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

0.0%	0.0% #1E5E31	RGB 30 94 49	#1E5E31
16.7%	16.7% #1A542D	RGB 26 84 45	#1A542D
33.3%	33.3% #164B2A	RGB 22 75 42	#164B2A
50.0%	50.0% #124226	RGB 18 66 38	#124226
66.7%	66.7% #0E3923	RGB 14 57 35	#0E3923
83.3%	83.3% #0A301F	RGB 10 48 31	#0A301F
100.0%	100.0% #07271C	RGB 7 39 28	#07271C

#1E5E31 #1A542D #164B2A #124226 #0E3923 #0A301F #07271C

#1E5E31 - #07271C

Miscela HSV

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

0.0%	0.0% #1E5E31	RGB 30 94 49	#1E5E31
16.7%	16.7% #19542E	RGB 25 84 46	#19542E
33.3%	33.3% #144B2B	RGB 20 75 43	#144B2B
50.0%	50.0% #104228	RGB 16 66 40	#104228
66.7%	66.7% #0C3924	RGB 12 57 36	#0C3924
83.3%	83.3% #093020	RGB 9 48 32	#093020
100.0%	100.0% #07271C	RGB 7 39 28	#07271C

#1E5E31 #19542E #144B2B #104228 #0C3924 #093020 #07271C

#1E5E31 - #104228 - #07271C

Codici CSS

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

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