#8F9600 - #5E550A | 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 #8F9600 a #5E550A

#8F9600 #5E550A

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

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

0.0%	0.0% #8F9600	RGB 143 150 0	#8F9600
16.7%	16.7% #868B01	RGB 134 139 1	#868B01
33.3%	33.3% #7E8003	RGB 126 128 3	#7E8003
50.0%	50.0% #767505	RGB 118 117 5	#767505
66.7%	66.7% #6E6A06	RGB 110 106 6	#6E6A06
83.3%	83.3% #665F08	RGB 102 95 8	#665F08
100.0%	100.0% #5E550A	RGB 94 85 10	#5E550A

#8F9600 #868B01 #7E8003 #767505 #6E6A06 #665F08 #5E550A

#8F9600 - #5E550A

Miscela HSV

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

0.0%	0.0% #8F9600	RGB 143 150 0	#8F9600
16.7%	16.7% #898C02	RGB 137 140 2	#898C02
33.3%	33.3% #838204	RGB 131 130 4	#838204
50.0%	50.0% #7A7606	RGB 122 118 6	#7A7606
66.7%	66.7% #706A07	RGB 112 106 7	#706A07
83.3%	83.3% #675F09	RGB 103 95 9	#675F09
100.0%	100.0% #5E550A	RGB 94 85 10	#5E550A

#8F9600 #898C02 #838204 #7A7606 #706A07 #675F09 #5E550A

#8F9600 - #7A7606 - #5E550A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9600 0%, #7A7606 50%, #5E550A 100%);
    background: -webkit-linear-gradient(top, #8F9600 0%, #7A7606 50%, #5E550A 100%);
    background: linear-gradient(to bottom, #8F9600 0%, #7A7606 50%, #5E550A 100%);
}
</style>