#5E6B61 - #8CCD85 | 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 #5E6B61 a #8CCD85

#5E6B61 #8CCD85

Calcola il colore tra due colori, #5E6B61 e #8CCD85. 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)

#5E6B61 - #8CCD85 | 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 #5E6B61 come 0% e #8CCD85 come 100%.

0.0%	0.0% #5E6B61	RGB 94 107 97	#5E6B61
16.7%	16.7% #657B67	RGB 101 123 103	#657B67
33.3%	33.3% #6D8B6D	RGB 109 139 109	#6D8B6D
50.0%	50.0% #759C73	RGB 117 156 115	#759C73
66.7%	66.7% #7CAC79	RGB 124 172 121	#7CAC79
83.3%	83.3% #84BC7F	RGB 132 188 127	#84BC7F
100.0%	100.0% #8CCD85	RGB 140 205 133	#8CCD85

#5E6B61 #657B67 #6D8B6D #759C73 #7CAC79 #84BC7F #8CCD85

#5E6B61 - #8CCD85

Miscela HSV

#5E6B61 - #8CCD85 | 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 #5E6B61 come 0% e #8CCD85 come 100%.

0.0%	0.0% #5E6B61	RGB 94 107 97	#5E6B61
16.7%	16.7% #677B6B	RGB 103 123 107	#677B6B
33.3%	33.3% #708B73	RGB 112 139 115	#708B73
50.0%	50.0% #779C79	RGB 119 156 121	#779C79
66.7%	66.7% #7DAC7D	RGB 125 172 125	#7DAC7D
83.3%	83.3% #84BC81	RGB 132 188 129	#84BC81
100.0%	100.0% #8CCD85	RGB 140 205 133	#8CCD85

#5E6B61 #677B6B #708B73 #779C79 #7DAC7D #84BC81 #8CCD85

#5E6B61 - #779C79 - #8CCD85

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B61 0%, #779C79 50%, #8CCD85 100%);
    background: -webkit-linear-gradient(top, #5E6B61 0%, #779C79 50%, #8CCD85 100%);
    background: linear-gradient(to bottom, #5E6B61 0%, #779C79 50%, #8CCD85 100%);
}
</style>