#6B053C - #27010D | 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 #6B053C a #27010D

#6B053C #27010D

Calcola il colore tra due colori, #6B053C e #27010D. 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)

#6B053C - #27010D | 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 #6B053C come 0% e #27010D come 100%.

0.0%	0.0% #6B053C	RGB 107 5 60	#6B053C
16.7%	16.7% #5F0434	RGB 95 4 52	#5F0434
33.3%	33.3% #54032C	RGB 84 3 44	#54032C
50.0%	50.0% #490324	RGB 73 3 36	#490324
66.7%	66.7% #3D021C	RGB 61 2 28	#3D021C
83.3%	83.3% #320114	RGB 50 1 20	#320114
100.0%	100.0% #27010D	RGB 39 1 13	#27010D

#6B053C #5F0434 #54032C #490324 #3D021C #320114 #27010D

#6B053C - #27010D

Miscela HSV

#6B053C - #27010D | 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 #6B053C come 0% e #27010D come 100%.

0.0%	0.0% #6B053B	RGB 107 5 59	#6B053B
16.7%	16.7% #5F0432	RGB 95 4 50	#5F0432
33.3%	33.3% #540328	RGB 84 3 40	#540328
50.0%	50.0% #490220	RGB 73 2 32	#490220
66.7%	66.7% #3D0219	RGB 61 2 25	#3D0219
83.3%	83.3% #320112	RGB 50 1 18	#320112
100.0%	100.0% #27010D	RGB 39 1 13	#27010D

#6B053B #5F0432 #540328 #490220 #3D0219 #320112 #27010D

#6B053C - #490220 - #27010D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B053B 0%, #490220 50%, #27010D 100%);
    background: -webkit-linear-gradient(top, #6B053B 0%, #490220 50%, #27010D 100%);
    background: linear-gradient(to bottom, #6B053B 0%, #490220 50%, #27010D 100%);
}
</style>