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

#5E135B #876CB0

Calcola il colore tra due colori, #5E135B 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)

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

0.0%	0.0% #5E135B	RGB 94 19 91	#5E135B
16.7%	16.7% #642169	RGB 100 33 105	#642169
33.3%	33.3% #6B3077	RGB 107 48 119	#6B3077
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

#5E135B #642169 #6B3077 #723F85 #794E93 #805DA1 #876CB0

#5E135B - #876CB0

Miscela HSV

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

0.0%	0.0% #5E125B	RGB 94 18 91	#5E125B
16.7%	16.7% #661D6B	RGB 102 29 107	#661D6B
33.3%	33.3% #6B2979	RGB 107 41 121	#6B2979
50.0%	50.0% #703787	RGB 112 55 135	#703787
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

#5E125B #661D6B #6B2979 #703787 #764694 #7D58A2 #876CB0

#5E135B - #703787 - #876CB0

Codici CSS

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

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