#080502 - #302D3C | 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 #080502 a #302D3C

#080502 #302D3C

Calcola il colore tra due colori, #080502 e #302D3C. 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)

#080502 - #302D3C | 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 #080502 come 0% e #302D3C come 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #0E0B0B	RGB 14 11 11	#0E0B0B
33.3%	33.3% #151215	RGB 21 18 21	#151215
50.0%	50.0% #1C191F	RGB 28 25 31	#1C191F
66.7%	66.7% #221F28	RGB 34 31 40	#221F28
83.3%	83.3% #292632	RGB 41 38 50	#292632
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #0E0B0B #151215 #1C191F #221F28 #292632 #302D3C

#080502 - #302D3C

Miscela HSV

#080502 - #302D3C | 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 #080502 come 0% e #302D3C come 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #100605	RGB 16 6 5	#100605
33.3%	33.3% #190A0E	RGB 25 10 14	#190A0E
50.0%	50.0% #22111C	RGB 34 17 28	#22111C
66.7%	66.7% #2A182A	RGB 42 24 42	#2A182A
83.3%	83.3% #2C2233	RGB 44 34 51	#2C2233
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #100605 #190A0E #22111C #2A182A #2C2233 #302D3C

#080502 - #22111C - #302D3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: -webkit-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: linear-gradient(to bottom, #080502 0%, #22111C 50%, #302D3C 100%);
}
</style>