#280B05 - #643A2E | 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 #280B05 a #643A2E

#280B05 #643A2E

Calcola il colore tra due colori, #280B05 e #643A2E. 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)

#280B05 - #643A2E | 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 #280B05 come 0% e #643A2E come 100%.

0.0%	0.0% #280B05	RGB 40 11 5	#280B05
16.7%	16.7% #32120B	RGB 50 18 11	#32120B
33.3%	33.3% #3C1A12	RGB 60 26 18	#3C1A12
50.0%	50.0% #462219	RGB 70 34 25	#462219
66.7%	66.7% #502A20	RGB 80 42 32	#502A20
83.3%	83.3% #5A3227	RGB 90 50 39	#5A3227
100.0%	100.0% #643A2E	RGB 100 58 46	#643A2E

#280B05 #32120B #3C1A12 #462219 #502A20 #5A3227 #643A2E

#280B05 - #643A2E

Miscela HSV

#280B05 - #643A2E | 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 #280B05 come 0% e #643A2E come 100%.

0.0%	0.0% #280B05	RGB 40 11 5	#280B05
16.7%	16.7% #321009	RGB 50 16 9	#321009
33.3%	33.3% #3C160E	RGB 60 22 14	#3C160E
50.0%	50.0% #461E14	RGB 70 30 20	#461E14
66.7%	66.7% #50261B	RGB 80 38 27	#50261B
83.3%	83.3% #5A2F24	RGB 90 47 36	#5A2F24
100.0%	100.0% #643A2E	RGB 100 58 46	#643A2E

#280B05 #321009 #3C160E #461E14 #50261B #5A2F24 #643A2E

#280B05 - #461E14 - #643A2E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #280B05 0%, #461E14 50%, #643A2E 100%);
    background: -webkit-linear-gradient(top, #280B05 0%, #461E14 50%, #643A2E 100%);
    background: linear-gradient(to bottom, #280B05 0%, #461E14 50%, #643A2E 100%);
}
</style>