#AC2B5E - #57011E | 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 #AC2B5E a #57011E

#AC2B5E #57011E

Calcola il colore tra due colori, #AC2B5E e #57011E. 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)

#AC2B5E - #57011E | 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 #AC2B5E come 0% e #57011E come 100%.

0.0%	0.0% #AC2B5E	RGB 172 43 94	#AC2B5E
16.7%	16.7% #9D2453	RGB 157 36 83	#9D2453
33.3%	33.3% #8F1D48	RGB 143 29 72	#8F1D48
50.0%	50.0% #81163E	RGB 129 22 62	#81163E
66.7%	66.7% #730F33	RGB 115 15 51	#730F33
83.3%	83.3% #650828	RGB 101 8 40	#650828
100.0%	100.0% #57011E	RGB 87 1 30	#57011E

#AC2B5E #9D2453 #8F1D48 #81163E #730F33 #650828 #57011E

#AC2B5E - #57011E

Miscela HSV

#AC2B5E - #57011E | 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 #AC2B5E come 0% e #57011E come 100%.

0.0%	0.0% #AC2B5D	RGB 172 43 93	#AC2B5D
16.7%	16.7% #9D2151	RGB 157 33 81	#9D2151
33.3%	33.3% #8F1845	RGB 143 24 69	#8F1845
50.0%	50.0% #81103A	RGB 129 16 58	#81103A
66.7%	66.7% #730A2F	RGB 115 10 47	#730A2F
83.3%	83.3% #650526	RGB 101 5 38	#650526
100.0%	100.0% #57011E	RGB 87 1 30	#57011E

#AC2B5D #9D2151 #8F1845 #81103A #730A2F #650526 #57011E

#AC2B5E - #81103A - #57011E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC2B5D 0%, #81103A 50%, #57011E 100%);
    background: -webkit-linear-gradient(top, #AC2B5D 0%, #81103A 50%, #57011E 100%);
    background: linear-gradient(to bottom, #AC2B5D 0%, #81103A 50%, #57011E 100%);
}
</style>