#1D1010 - #5E4845 | 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 #1D1010 a #5E4845

#1D1010 #5E4845

Calcola il colore tra due colori, #1D1010 e #5E4845. 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)

#1D1010 - #5E4845 | 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 #1D1010 come 0% e #5E4845 come 100%.

0.0%	0.0% #1D1010	RGB 29 16 16	#1D1010
16.7%	16.7% #271918	RGB 39 25 24	#271918
33.3%	33.3% #322221	RGB 50 34 33	#322221
50.0%	50.0% #3D2C2A	RGB 61 44 42	#3D2C2A
66.7%	66.7% #483533	RGB 72 53 51	#483533
83.3%	83.3% #533E3C	RGB 83 62 60	#533E3C
100.0%	100.0% #5E4845	RGB 94 72 69	#5E4845

#1D1010 #271918 #322221 #3D2C2A #483533 #533E3C #5E4845

#1D1010 - #5E4845

Miscela HSV

#1D1010 - #5E4845 | 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 #1D1010 come 0% e #5E4845 come 100%.

0.0%	0.0% #1D1010	RGB 29 16 16	#1D1010
16.7%	16.7% #271717	RGB 39 23 23	#271717
33.3%	33.3% #321F1F	RGB 50 31 31	#321F1F
50.0%	50.0% #3D2827	RGB 61 40 39	#3D2827
66.7%	66.7% #483230	RGB 72 50 48	#483230
83.3%	83.3% #533C3A	RGB 83 60 58	#533C3A
100.0%	100.0% #5E4845	RGB 94 72 69	#5E4845

#1D1010 #271717 #321F1F #3D2827 #483230 #533C3A #5E4845

#1D1010 - #3D2827 - #5E4845

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D1010 0%, #3D2827 50%, #5E4845 100%);
    background: -webkit-linear-gradient(top, #1D1010 0%, #3D2827 50%, #5E4845 100%);
    background: linear-gradient(to bottom, #1D1010 0%, #3D2827 50%, #5E4845 100%);
}
</style>