#AD5E63 - #652022 | 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 #AD5E63 a #652022

#AD5E63 #652022

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

#AD5E63 - #652022 | 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 #AD5E63 come 0% e #652022 come 100%.

0.0%	0.0% #AD5E63	RGB 173 94 99	#AD5E63
16.7%	16.7% #A15358	RGB 161 83 88	#A15358
33.3%	33.3% #95494D	RGB 149 73 77	#95494D
50.0%	50.0% #893F42	RGB 137 63 66	#893F42
66.7%	66.7% #7D3437	RGB 125 52 55	#7D3437
83.3%	83.3% #712A2C	RGB 113 42 44	#712A2C
100.0%	100.0% #652022	RGB 101 32 34	#652022

#AD5E63 #A15358 #95494D #893F42 #7D3437 #712A2C #652022

#AD5E63 - #652022

Miscela HSV

#AD5E63 - #652022 | 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 #AD5E63 come 0% e #652022 come 100%.

0.0%	0.0% #AD5E63	RGB 173 94 99	#AD5E63
16.7%	16.7% #A15155	RGB 161 81 85	#A15155
33.3%	33.3% #954549	RGB 149 69 73	#954549
50.0%	50.0% #893A3E	RGB 137 58 62	#893A3E
66.7%	66.7% #7D3134	RGB 125 49 52	#7D3134
83.3%	83.3% #71282A	RGB 113 40 42	#71282A
100.0%	100.0% #652022	RGB 101 32 34	#652022

#AD5E63 #A15155 #954549 #893A3E #7D3134 #71282A #652022

#AD5E63 - #893A3E - #652022

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD5E63 0%, #893A3E 50%, #652022 100%);
    background: -webkit-linear-gradient(top, #AD5E63 0%, #893A3E 50%, #652022 100%);
    background: linear-gradient(to bottom, #AD5E63 0%, #893A3E 50%, #652022 100%);
}
</style>