#552D5C - #8C8C94 | 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 #552D5C a #8C8C94

#552D5C #8C8C94

Calcola il colore tra due colori, #552D5C e #8C8C94. 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)

#552D5C - #8C8C94 | 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 #552D5C come 0% e #8C8C94 come 100%.

0.0%	0.0% #552D5C	RGB 85 45 92	#552D5C
16.7%	16.7% #5E3C65	RGB 94 60 101	#5E3C65
33.3%	33.3% #674C6E	RGB 103 76 110	#674C6E
50.0%	50.0% #705C78	RGB 112 92 120	#705C78
66.7%	66.7% #796C81	RGB 121 108 129	#796C81
83.3%	83.3% #827C8A	RGB 130 124 138	#827C8A
100.0%	100.0% #8C8C94	RGB 140 140 148	#8C8C94

#552D5C #5E3C65 #674C6E #705C78 #796C81 #827C8A #8C8C94

#552D5C - #8C8C94

Miscela HSV

#552D5C - #8C8C94 | 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 #552D5C come 0% e #8C8C94 come 100%.

0.0%	0.0% #552D5C	RGB 85 45 92	#552D5C
16.7%	16.7% #583965	RGB 88 57 101	#583965
33.3%	33.3% #5D466E	RGB 93 70 110	#5D466E
50.0%	50.0% #645678	RGB 100 86 120	#645678
66.7%	66.7% #6E6681	RGB 110 102 129	#6E6681
83.3%	83.3% #7B788A	RGB 123 120 138	#7B788A
100.0%	100.0% #8C8C94	RGB 140 140 148	#8C8C94

#552D5C #583965 #5D466E #645678 #6E6681 #7B788A #8C8C94

#552D5C - #645678 - #8C8C94

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552D5C 0%, #645678 50%, #8C8C94 100%);
    background: -webkit-linear-gradient(top, #552D5C 0%, #645678 50%, #8C8C94 100%);
    background: linear-gradient(to bottom, #552D5C 0%, #645678 50%, #8C8C94 100%);
}
</style>