#B0532C - #801900 | 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 #B0532C a #801900

#B0532C #801900

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

#B0532C - #801900 | 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 #B0532C come 0% e #801900 come 100%.

0.0%	0.0% #B0532C	RGB 176 83 44	#B0532C
16.7%	16.7% #A84924	RGB 168 73 36	#A84924
33.3%	33.3% #A03F1D	RGB 160 63 29	#A03F1D
50.0%	50.0% #983616	RGB 152 54 22	#983616
66.7%	66.7% #902C0E	RGB 144 44 14	#902C0E
83.3%	83.3% #882207	RGB 136 34 7	#882207
100.0%	100.0% #801900	RGB 128 25 0	#801900

#B0532C #A84924 #A03F1D #983616 #902C0E #882207 #801900

#B0532C - #801900

Miscela HSV

#B0532C - #801900 | 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 #B0532C come 0% e #801900 come 100%.

0.0%	0.0% #B0532C	RGB 176 83 44	#B0532C
16.7%	16.7% #A84822	RGB 168 72 34	#A84822
33.3%	33.3% #A03D1A	RGB 160 61 26	#A03D1A
50.0%	50.0% #983313	RGB 152 51 19	#983313
66.7%	66.7% #902A0B	RGB 144 42 11	#902A0B
83.3%	83.3% #882105	RGB 136 33 5	#882105
100.0%	100.0% #801900	RGB 128 25 0	#801900

#B0532C #A84822 #A03D1A #983313 #902A0B #882105 #801900

#B0532C - #983313 - #801900

Codici CSS

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

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