#41468D - #878DB5 | 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 #41468D a #878DB5

#41468D #878DB5

Calcola il colore tra due colori, #41468D e #878DB5. 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)

#41468D - #878DB5 | 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 #41468D come 0% e #878DB5 come 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4C5193	RGB 76 81 147	#4C5193
33.3%	33.3% #585D9A	RGB 88 93 154	#585D9A
50.0%	50.0% #6469A1	RGB 100 105 161	#6469A1
66.7%	66.7% #6F75A7	RGB 111 117 167	#6F75A7
83.3%	83.3% #7B81AE	RGB 123 129 174	#7B81AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4C5193 #585D9A #6469A1 #6F75A7 #7B81AE #878DB5

#41468D - #878DB5

Miscela HSV

#41468D - #878DB5 | 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 #41468D come 0% e #878DB5 come 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4B5093	RGB 75 80 147	#4B5093
33.3%	33.3% #555B9A	RGB 85 91 154	#555B9A
50.0%	50.0% #6167A1	RGB 97 103 161	#6167A1
66.7%	66.7% #6D73A7	RGB 109 115 167	#6D73A7
83.3%	83.3% #7980AE	RGB 121 128 174	#7980AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4B5093 #555B9A #6167A1 #6D73A7 #7980AE #878DB5

#41468D - #6167A1 - #878DB5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: linear-gradient(to bottom, #41468D 0%, #6167A1 50%, #878DB5 100%);
}
</style>