#5A2F5E - #1D0807 | 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 #5A2F5E a #1D0807

#5A2F5E #1D0807

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

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

0.0%	0.0% #5A2F5E	RGB 90 47 94	#5A2F5E
16.7%	16.7% #4F284F	RGB 79 40 79	#4F284F
33.3%	33.3% #452241	RGB 69 34 65	#452241
50.0%	50.0% #3B1B32	RGB 59 27 50	#3B1B32
66.7%	66.7% #311523	RGB 49 21 35	#311523
83.3%	83.3% #270E15	RGB 39 14 21	#270E15
100.0%	100.0% #1D0807	RGB 29 8 7	#1D0807

#5A2F5E #4F284F #452241 #3B1B32 #311523 #270E15 #1D0807

#5A2F5E - #1D0807

Miscela HSV

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

0.0%	0.0% #5A2F5E	RGB 90 47 94	#5A2F5E
16.7%	16.7% #53254E	RGB 83 37 78	#53254E
33.3%	33.3% #481D3B	RGB 72 29 59	#481D3B
50.0%	50.0% #3D162A	RGB 61 22 42	#3D162A
66.7%	66.7% #32101B	RGB 50 16 27	#32101B
83.3%	83.3% #270B0F	RGB 39 11 15	#270B0F
100.0%	100.0% #1D0807	RGB 29 8 7	#1D0807

#5A2F5E #53254E #481D3B #3D162A #32101B #270B0F #1D0807

#5A2F5E - #3D162A - #1D0807

Codici CSS

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

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