#AD4C92 - #311529 | 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 #AD4C92 a #311529

#AD4C92 #311529

Calcola il colore tra due colori, #AD4C92 e #311529. 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)

#AD4C92 - #311529 | 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 #AD4C92 come 0% e #311529 come 100%.

0.0%	0.0% #AD4C92	RGB 173 76 146	#AD4C92
16.7%	16.7% #984280	RGB 152 66 128	#984280
33.3%	33.3% #83396F	RGB 131 57 111	#83396F
50.0%	50.0% #6F305D	RGB 111 48 93	#6F305D
66.7%	66.7% #5A274C	RGB 90 39 76	#5A274C
83.3%	83.3% #451E3A	RGB 69 30 58	#451E3A
100.0%	100.0% #311529	RGB 49 21 41	#311529

#AD4C92 #984280 #83396F #6F305D #5A274C #451E3A #311529

#AD4C92 - #311529

Miscela HSV

#AD4C92 - #311529 | 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 #AD4C92 come 0% e #311529 come 100%.

0.0%	0.0% #AD4C91	RGB 173 76 145	#AD4C91
16.7%	16.7% #984280	RGB 152 66 128	#984280
33.3%	33.3% #83396E	RGB 131 57 110	#83396E
50.0%	50.0% #6F305D	RGB 111 48 93	#6F305D
66.7%	66.7% #5A274B	RGB 90 39 75	#5A274B
83.3%	83.3% #451D3A	RGB 69 29 58	#451D3A
100.0%	100.0% #311529	RGB 49 21 41	#311529

#AD4C91 #984280 #83396E #6F305D #5A274B #451D3A #311529

#AD4C92 - #6F305D - #311529

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD4C91 0%, #6F305D 50%, #311529 100%);
    background: -webkit-linear-gradient(top, #AD4C91 0%, #6F305D 50%, #311529 100%);
    background: linear-gradient(to bottom, #AD4C91 0%, #6F305D 50%, #311529 100%);
}
</style>