#4D8F78 - #085E32 | 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 #4D8F78 a #085E32

#4D8F78 #085E32

Calcola il colore tra due colori, #4D8F78 e #085E32. 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)

#4D8F78 - #085E32 | 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 #4D8F78 come 0% e #085E32 come 100%.

0.0%	0.0% #4D8F78	RGB 77 143 120	#4D8F78
16.7%	16.7% #41866C	RGB 65 134 108	#41866C
33.3%	33.3% #367E60	RGB 54 126 96	#367E60
50.0%	50.0% #2A7655	RGB 42 118 85	#2A7655
66.7%	66.7% #1F6E49	RGB 31 110 73	#1F6E49
83.3%	83.3% #13663D	RGB 19 102 61	#13663D
100.0%	100.0% #085E32	RGB 8 94 50	#085E32

#4D8F78 #41866C #367E60 #2A7655 #1F6E49 #13663D #085E32

#4D8F78 - #085E32

Miscela HSV

#4D8F78 - #085E32 | 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 #4D8F78 come 0% e #085E32 come 100%.

0.0%	0.0% #4D8F78	RGB 77 143 120	#4D8F78
16.7%	16.7% #3E866B	RGB 62 134 107	#3E866B
33.3%	33.3% #317E5F	RGB 49 126 95	#317E5F
50.0%	50.0% #247653	RGB 36 118 83	#247653
66.7%	66.7% #1A6E47	RGB 26 110 71	#1A6E47
83.3%	83.3% #10663C	RGB 16 102 60	#10663C
100.0%	100.0% #085E32	RGB 8 94 50	#085E32

#4D8F78 #3E866B #317E5F #247653 #1A6E47 #10663C #085E32

#4D8F78 - #247653 - #085E32

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D8F78 0%, #247653 50%, #085E32 100%);
    background: -webkit-linear-gradient(top, #4D8F78 0%, #247653 50%, #085E32 100%);
    background: linear-gradient(to bottom, #4D8F78 0%, #247653 50%, #085E32 100%);
}
</style>