#3E5E53 - #8DA571 | 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 #3E5E53 a #8DA571

#3E5E53 #8DA571

Calcola il colore tra due colori, #3E5E53 e #8DA571. 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)

#3E5E53 - #8DA571 | 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 #3E5E53 come 0% e #8DA571 come 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #4B6958	RGB 75 105 88	#4B6958
33.3%	33.3% #58755D	RGB 88 117 93	#58755D
50.0%	50.0% #658162	RGB 101 129 98	#658162
66.7%	66.7% #728D67	RGB 114 141 103	#728D67
83.3%	83.3% #7F996C	RGB 127 153 108	#7F996C
100.0%	100.0% #8DA571	RGB 141 165 113	#8DA571

#3E5E53 #4B6958 #58755D #658162 #728D67 #7F996C #8DA571

#3E5E53 - #8DA571

Miscela HSV

#3E5E53 - #8DA571 | 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 #3E5E53 come 0% e #8DA571 come 100%.

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #466956	RGB 70 105 86	#466956
33.3%	33.3% #4E7558	RGB 78 117 88	#4E7558
50.0%	50.0% #578159	RGB 87 129 89	#578159
66.7%	66.7% #668D5F	RGB 102 141 95	#668D5F
83.3%	83.3% #789968	RGB 120 153 104	#789968
100.0%	100.0% #8DA571	RGB 141 165 113	#8DA571

#3E5E53 #466956 #4E7558 #578159 #668D5F #789968 #8DA571

#3E5E53 - #578159 - #8DA571

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E53 0%, #578159 50%, #8DA571 100%);
    background: -webkit-linear-gradient(top, #3E5E53 0%, #578159 50%, #8DA571 100%);
    background: linear-gradient(to bottom, #3E5E53 0%, #578159 50%, #8DA571 100%);
}
</style>