#076B00 - #97BC7E | 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 #076B00 a #97BC7E

#076B00 #97BC7E

Calcola il colore tra due colori, #076B00 e #97BC7E. 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)

#076B00 - #97BC7E | 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 #076B00 come 0% e #97BC7E come 100%.

0.0%	0.0% #076B00	RGB 7 107 0	#076B00
16.7%	16.7% #1F7815	RGB 31 120 21	#1F7815
33.3%	33.3% #37862A	RGB 55 134 42	#37862A
50.0%	50.0% #4F933F	RGB 79 147 63	#4F933F
66.7%	66.7% #67A154	RGB 103 161 84	#67A154
83.3%	83.3% #7FAE69	RGB 127 174 105	#7FAE69
100.0%	100.0% #97BC7E	RGB 151 188 126	#97BC7E

#076B00 #1F7815 #37862A #4F933F #67A154 #7FAE69 #97BC7E

#076B00 - #97BC7E

Miscela HSV

#076B00 - #97BC7E | 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 #076B00 come 0% e #97BC7E come 100%.

0.0%	0.0% #076B00	RGB 7 107 0	#076B00
16.7%	16.7% #1A780D	RGB 26 120 13	#1A780D
33.3%	33.3% #30861D	RGB 48 134 29	#30861D
50.0%	50.0% #489331	RGB 72 147 49	#489331
66.7%	66.7% #61A147	RGB 97 161 71	#61A147
83.3%	83.3% #7CAE61	RGB 124 174 97	#7CAE61
100.0%	100.0% #97BC7E	RGB 151 188 126	#97BC7E

#076B00 #1A780D #30861D #489331 #61A147 #7CAE61 #97BC7E

#076B00 - #489331 - #97BC7E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #076B00 0%, #489331 50%, #97BC7E 100%);
    background: -webkit-linear-gradient(top, #076B00 0%, #489331 50%, #97BC7E 100%);
    background: linear-gradient(to bottom, #076B00 0%, #489331 50%, #97BC7E 100%);
}
</style>