#15191C - #00020E | 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 #15191C a #00020E

#15191C #00020E

Calcola il colore tra due colori, #15191C e #00020E. 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)

#15191C - #00020E | 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 #15191C come 0% e #00020E come 100%.

0.0%	0.0% #15191C	RGB 21 25 28	#15191C
16.7%	16.7% #111519	RGB 17 21 25	#111519
33.3%	33.3% #0E1117	RGB 14 17 23	#0E1117
50.0%	50.0% #0A0D15	RGB 10 13 21	#0A0D15
66.7%	66.7% #060912	RGB 6 9 18	#060912
83.3%	83.3% #030510	RGB 3 5 16	#030510
100.0%	100.0% #00020E	RGB 0 2 14	#00020E

#15191C #111519 #0E1117 #0A0D15 #060912 #030510 #00020E

#15191C - #00020E

Miscela HSV

#15191C - #00020E | 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 #15191C come 0% e #00020E come 100%.

0.0%	0.0% #15191C	RGB 21 25 28	#15191C
16.7%	16.7% #101419	RGB 16 20 25	#101419
33.3%	33.3% #0B1017	RGB 11 16 23	#0B1017
50.0%	50.0% #070C15	RGB 7 12 21	#070C15
66.7%	66.7% #040812	RGB 4 8 18	#040812
83.3%	83.3% #020510	RGB 2 5 16	#020510
100.0%	100.0% #00020E	RGB 0 2 14	#00020E

#15191C #101419 #0B1017 #070C15 #040812 #020510 #00020E

#15191C - #070C15 - #00020E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15191C 0%, #070C15 50%, #00020E 100%);
    background: -webkit-linear-gradient(top, #15191C 0%, #070C15 50%, #00020E 100%);
    background: linear-gradient(to bottom, #15191C 0%, #070C15 50%, #00020E 100%);
}
</style>