#2D1F5E - #1B020E | 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 #2D1F5E a #1B020E

#2D1F5E #1B020E

Calcola il colore tra due colori, #2D1F5E e #1B020E. 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)

#2D1F5E - #1B020E | 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 #2D1F5E come 0% e #1B020E come 100%.

0.0%	0.0% #2D1F5E	RGB 45 31 94	#2D1F5E
16.7%	16.7% #2A1A50	RGB 42 26 80	#2A1A50
33.3%	33.3% #271543	RGB 39 21 67	#271543
50.0%	50.0% #241036	RGB 36 16 54	#241036
66.7%	66.7% #210B28	RGB 33 11 40	#210B28
83.3%	83.3% #1E061B	RGB 30 6 27	#1E061B
100.0%	100.0% #1B020E	RGB 27 2 14	#1B020E

#2D1F5E #2A1A50 #271543 #241036 #210B28 #1E061B #1B020E

#2D1F5E - #1B020E

Miscela HSV

#2D1F5E - #1B020E | 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 #2D1F5E come 0% e #1B020E come 100%.

0.0%	0.0% #2D1F5E	RGB 45 31 94	#2D1F5E
16.7%	16.7% #311752	RGB 49 23 82	#311752
33.3%	33.3% #341147	RGB 52 17 71	#341147
50.0%	50.0% #360C3C	RGB 54 12 60	#360C3C
66.7%	66.7% #31072D	RGB 49 7 45	#31072D
83.3%	83.3% #26041B	RGB 38 4 27	#26041B
100.0%	100.0% #1B020E	RGB 27 2 14	#1B020E

#2D1F5E #311752 #341147 #360C3C #31072D #26041B #1B020E

#2D1F5E - #360C3C - #1B020E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1F5E 0%, #360C3C 50%, #1B020E 100%);
    background: -webkit-linear-gradient(top, #2D1F5E 0%, #360C3C 50%, #1B020E 100%);
    background: linear-gradient(to bottom, #2D1F5E 0%, #360C3C 50%, #1B020E 100%);
}
</style>