#AD5655 - #811F14 | 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 #AD5655 a #811F14

#AD5655 #811F14

Calcola il colore tra due colori, #AD5655 e #811F14. 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)

#AD5655 - #811F14 | 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 #AD5655 come 0% e #811F14 come 100%.

0.0%	0.0% #AD5655	RGB 173 86 85	#AD5655
16.7%	16.7% #A54C4A	RGB 165 76 74	#A54C4A
33.3%	33.3% #9E433F	RGB 158 67 63	#9E433F
50.0%	50.0% #973A34	RGB 151 58 52	#973A34
66.7%	66.7% #8F3129	RGB 143 49 41	#8F3129
83.3%	83.3% #88281E	RGB 136 40 30	#88281E
100.0%	100.0% #811F14	RGB 129 31 20	#811F14

#AD5655 #A54C4A #9E433F #973A34 #8F3129 #88281E #811F14

#AD5655 - #811F14

Miscela HSV

#AD5655 - #811F14 | 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 #AD5655 come 0% e #811F14 come 100%.

0.0%	0.0% #AD5655	RGB 173 86 85	#AD5655
16.7%	16.7% #A54A48	RGB 165 74 72	#A54A48
33.3%	33.3% #9E403C	RGB 158 64 60	#9E403C
50.0%	50.0% #973630	RGB 151 54 48	#973630
66.7%	66.7% #8F2D26	RGB 143 45 38	#8F2D26
83.3%	83.3% #88261C	RGB 136 38 28	#88261C
100.0%	100.0% #811F14	RGB 129 31 20	#811F14

#AD5655 #A54A48 #9E403C #973630 #8F2D26 #88261C #811F14

#AD5655 - #973630 - #811F14

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD5655 0%, #973630 50%, #811F14 100%);
    background: -webkit-linear-gradient(top, #AD5655 0%, #973630 50%, #811F14 100%);
    background: linear-gradient(to bottom, #AD5655 0%, #973630 50%, #811F14 100%);
}
</style>