#A82800 - #FCA93E | 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 #A82800 a #FCA93E

#A82800 #FCA93E

Calcola il colore tra due colori, #A82800 e #FCA93E. 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)

#A82800 - #FCA93E | 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 #A82800 come 0% e #FCA93E come 100%.

0.0%	0.0% #A82800	RGB 168 40 0	#A82800
16.7%	16.7% #B63D0A	RGB 182 61 10	#B63D0A
33.3%	33.3% #C45314	RGB 196 83 20	#C45314
50.0%	50.0% #D2681F	RGB 210 104 31	#D2681F
66.7%	66.7% #E07E29	RGB 224 126 41	#E07E29
83.3%	83.3% #EE9333	RGB 238 147 51	#EE9333
100.0%	100.0% #FCA93E	RGB 252 169 62	#FCA93E

#A82800 #B63D0A #C45314 #D2681F #E07E29 #EE9333 #FCA93E

#A82800 - #FCA93E

Miscela HSV

#A82800 - #FCA93E | 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 #A82800 come 0% e #FCA93E come 100%.

0.0%	0.0% #A82800	RGB 168 40 0	#A82800
16.7%	16.7% #B63A07	RGB 182 58 7	#B63A07
33.3%	33.3% #C44E10	RGB 196 78 16	#C44E10
50.0%	50.0% #D26319	RGB 210 99 25	#D26319
66.7%	66.7% #E07924	RGB 224 121 36	#E07924
83.3%	83.3% #EE9130	RGB 238 145 48	#EE9130
100.0%	100.0% #FCA93E	RGB 252 169 62	#FCA93E

#A82800 #B63A07 #C44E10 #D26319 #E07924 #EE9130 #FCA93E

#A82800 - #D26319 - #FCA93E

Codici CSS

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

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