#5E125A - #876CB0 | 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 #5E125A a #876CB0

#5E125A #876CB0

Calcola il colore tra due colori, #5E125A e #876CB0. 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)

#5E125A - #876CB0 | 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 #5E125A come 0% e #876CB0 come 100%.

0.0%	0.0% #5E125A	RGB 94 18 90	#5E125A
16.7%	16.7% #642168	RGB 100 33 104	#642168
33.3%	33.3% #6B3076	RGB 107 48 118	#6B3076
50.0%	50.0% #723F85	RGB 114 63 133	#723F85
66.7%	66.7% #794E93	RGB 121 78 147	#794E93
83.3%	83.3% #805DA1	RGB 128 93 161	#805DA1
100.0%	100.0% #876CB0	RGB 135 108 176	#876CB0

#5E125A #642168 #6B3076 #723F85 #794E93 #805DA1 #876CB0

#5E125A - #876CB0

Miscela HSV

#5E125A - #876CB0 | 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 #5E125A come 0% e #876CB0 come 100%.

0.0%	0.0% #5E115A	RGB 94 17 90	#5E115A
16.7%	16.7% #671C6B	RGB 103 28 107	#671C6B
33.3%	33.3% #6B2879	RGB 107 40 121	#6B2879
50.0%	50.0% #703687	RGB 112 54 135	#703687
66.7%	66.7% #764694	RGB 118 70 148	#764694
83.3%	83.3% #7D58A2	RGB 125 88 162	#7D58A2
100.0%	100.0% #876CB0	RGB 135 108 176	#876CB0

#5E115A #671C6B #6B2879 #703687 #764694 #7D58A2 #876CB0

#5E125A - #703687 - #876CB0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E115A 0%, #703687 50%, #876CB0 100%);
    background: -webkit-linear-gradient(top, #5E115A 0%, #703687 50%, #876CB0 100%);
    background: linear-gradient(to bottom, #5E115A 0%, #703687 50%, #876CB0 100%);
}
</style>