#AA3C4D - #560F18 | 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 #AA3C4D a #560F18

#AA3C4D #560F18

Calcola il colore tra due colori, #AA3C4D e #560F18. 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)

#AA3C4D - #560F18 | 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 #AA3C4D come 0% e #560F18 come 100%.

0.0%	0.0% #AA3C4D	RGB 170 60 77	#AA3C4D
16.7%	16.7% #9C3444	RGB 156 52 68	#9C3444
33.3%	33.3% #8E2D3B	RGB 142 45 59	#8E2D3B
50.0%	50.0% #802532	RGB 128 37 50	#802532
66.7%	66.7% #721E29	RGB 114 30 41	#721E29
83.3%	83.3% #641620	RGB 100 22 32	#641620
100.0%	100.0% #560F18	RGB 86 15 24	#560F18

#AA3C4D #9C3444 #8E2D3B #802532 #721E29 #641620 #560F18

#AA3C4D - #560F18

Miscela HSV

#AA3C4D - #560F18 | 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 #AA3C4D come 0% e #560F18 come 100%.

0.0%	0.0% #AA3C4C	RGB 170 60 76	#AA3C4C
16.7%	16.7% #9C3242	RGB 156 50 66	#9C3242
33.3%	33.3% #8E2938	RGB 142 41 56	#8E2938
50.0%	50.0% #80212F	RGB 128 33 47	#80212F
66.7%	66.7% #721A26	RGB 114 26 38	#721A26
83.3%	83.3% #64141E	RGB 100 20 30	#64141E
100.0%	100.0% #560F18	RGB 86 15 24	#560F18

#AA3C4C #9C3242 #8E2938 #80212F #721A26 #64141E #560F18

#AA3C4D - #80212F - #560F18

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA3C4C 0%, #80212F 50%, #560F18 100%);
    background: -webkit-linear-gradient(top, #AA3C4C 0%, #80212F 50%, #560F18 100%);
    background: linear-gradient(to bottom, #AA3C4C 0%, #80212F 50%, #560F18 100%);
}
</style>