#AA5E64 - #642022 | 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 #AA5E64 a #642022

#AA5E64 #642022

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

#AA5E64 - #642022 | 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 #AA5E64 come 0% e #642022 come 100%.

0.0%	0.0% #AA5E64	RGB 170 94 100	#AA5E64
16.7%	16.7% #9E5359	RGB 158 83 89	#9E5359
33.3%	33.3% #92494E	RGB 146 73 78	#92494E
50.0%	50.0% #873F43	RGB 135 63 67	#873F43
66.7%	66.7% #7B3438	RGB 123 52 56	#7B3438
83.3%	83.3% #6F2A2D	RGB 111 42 45	#6F2A2D
100.0%	100.0% #642022	RGB 100 32 34	#642022

#AA5E64 #9E5359 #92494E #873F43 #7B3438 #6F2A2D #642022

#AA5E64 - #642022

Miscela HSV

#AA5E64 - #642022 | 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 #AA5E64 come 0% e #642022 come 100%.

0.0%	0.0% #AA5E64	RGB 170 94 100	#AA5E64
16.7%	16.7% #9E5156	RGB 158 81 86	#9E5156
33.3%	33.3% #92454A	RGB 146 69 74	#92454A
50.0%	50.0% #873A3F	RGB 135 58 63	#873A3F
66.7%	66.7% #7B3134	RGB 123 49 52	#7B3134
83.3%	83.3% #6F282A	RGB 111 40 42	#6F282A
100.0%	100.0% #642022	RGB 100 32 34	#642022

#AA5E64 #9E5156 #92454A #873A3F #7B3134 #6F282A #642022

#AA5E64 - #873A3F - #642022

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5E64 0%, #873A3F 50%, #642022 100%);
    background: -webkit-linear-gradient(top, #AA5E64 0%, #873A3F 50%, #642022 100%);
    background: linear-gradient(to bottom, #AA5E64 0%, #873A3F 50%, #642022 100%);
}
</style>