#080A2D - #02020C | 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 #080A2D a #02020C

#080A2D #02020C

Calcola il colore tra due colori, #080A2D e #02020C. 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)

#080A2D - #02020C | 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 #080A2D come 0% e #02020C come 100%.

0.0%	0.0% #080A2D	RGB 8 10 45	#080A2D
16.7%	16.7% #070827	RGB 7 8 39	#070827
33.3%	33.3% #060722	RGB 6 7 34	#060722
50.0%	50.0% #05061C	RGB 5 6 28	#05061C
66.7%	66.7% #040417	RGB 4 4 23	#040417
83.3%	83.3% #030311	RGB 3 3 17	#030311
100.0%	100.0% #02020C	RGB 2 2 12	#02020C

#080A2D #070827 #060722 #05061C #040417 #030311 #02020C

#080A2D - #02020C

Miscela HSV

#080A2D - #02020C | 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 #080A2D come 0% e #02020C come 100%.

0.0%	0.0% #07092D	RGB 7 9 45	#07092D
16.7%	16.7% #060827	RGB 6 8 39	#060827
33.3%	33.3% #050622	RGB 5 6 34	#050622
50.0%	50.0% #04051C	RGB 4 5 28	#04051C
66.7%	66.7% #030417	RGB 3 4 23	#030417
83.3%	83.3% #020311	RGB 2 3 17	#020311
100.0%	100.0% #02020C	RGB 2 2 12	#02020C

#07092D #060827 #050622 #04051C #030417 #020311 #02020C

#080A2D - #04051C - #02020C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #07092D 0%, #04051C 50%, #02020C 100%);
    background: -webkit-linear-gradient(top, #07092D 0%, #04051C 50%, #02020C 100%);
    background: linear-gradient(to bottom, #07092D 0%, #04051C 50%, #02020C 100%);
}
</style>