#5E8644 - #E4CC6A | 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 #5E8644 a #E4CC6A

#5E8644 #E4CC6A

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

#5E8644 - #E4CC6A | 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 #5E8644 come 0% e #E4CC6A come 100%.

0.0%	0.0% #5E8644	RGB 94 134 68	#5E8644
16.7%	16.7% #74914A	RGB 116 145 74	#74914A
33.3%	33.3% #8A9D50	RGB 138 157 80	#8A9D50
50.0%	50.0% #A1A957	RGB 161 169 87	#A1A957
66.7%	66.7% #B7B45D	RGB 183 180 93	#B7B45D
83.3%	83.3% #CDC063	RGB 205 192 99	#CDC063
100.0%	100.0% #E4CC6A	RGB 228 204 106	#E4CC6A

#5E8644 #74914A #8A9D50 #A1A957 #B7B45D #CDC063 #E4CC6A

#5E8644 - #E4CC6A

Miscela HSV

#5E8644 - #E4CC6A | 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 #5E8644 come 0% e #E4CC6A come 100%.

0.0%	0.0% #5E8644	RGB 94 134 68	#5E8644
16.7%	16.7% #72954A	RGB 114 149 74	#72954A
33.3%	33.3% #88A551	RGB 136 165 81	#88A551
50.0%	50.0% #A1B557	RGB 161 181 87	#A1B557
66.7%	66.7% #BDC45E	RGB 189 196 94	#BDC45E
83.3%	83.3% #D4CD64	RGB 212 205 100	#D4CD64
100.0%	100.0% #E4CC6A	RGB 228 204 106	#E4CC6A

#5E8644 #72954A #88A551 #A1B557 #BDC45E #D4CD64 #E4CC6A

#5E8644 - #A1B557 - #E4CC6A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8644 0%, #A1B557 50%, #E4CC6A 100%);
    background: -webkit-linear-gradient(top, #5E8644 0%, #A1B557 50%, #E4CC6A 100%);
    background: linear-gradient(to bottom, #5E8644 0%, #A1B557 50%, #E4CC6A 100%);
}
</style>