#8C807A - #714227 | 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 #8C807A a #714227

#8C807A #714227

Calcola il colore tra due colori, #8C807A e #714227. 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)

#8C807A - #714227 | 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 #8C807A come 0% e #714227 come 100%.

0.0%	0.0% #8C807A	RGB 140 128 122	#8C807A
16.7%	16.7% #87756C	RGB 135 117 108	#87756C
33.3%	33.3% #836B5E	RGB 131 107 94	#836B5E
50.0%	50.0% #7E6150	RGB 126 97 80	#7E6150
66.7%	66.7% #7A5642	RGB 122 86 66	#7A5642
83.3%	83.3% #754C34	RGB 117 76 52	#754C34
100.0%	100.0% #714227	RGB 113 66 39	#714227

#8C807A #87756C #836B5E #7E6150 #7A5642 #754C34 #714227

#8C807A - #714227

Miscela HSV

#8C807A - #714227 | 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 #8C807A come 0% e #714227 come 100%.

0.0%	0.0% #8C807A	RGB 140 128 122	#8C807A
16.7%	16.7% #87746A	RGB 135 116 106	#87746A
33.3%	33.3% #83685B	RGB 131 104 91	#83685B
50.0%	50.0% #7E5E4C	RGB 126 94 76	#7E5E4C
66.7%	66.7% #7A543F	RGB 122 84 63	#7A543F
83.3%	83.3% #754A32	RGB 117 74 50	#754A32
100.0%	100.0% #714227	RGB 113 66 39	#714227

#8C807A #87746A #83685B #7E5E4C #7A543F #754A32 #714227

#8C807A - #7E5E4C - #714227

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C807A 0%, #7E5E4C 50%, #714227 100%);
    background: -webkit-linear-gradient(top, #8C807A 0%, #7E5E4C 50%, #714227 100%);
    background: linear-gradient(to bottom, #8C807A 0%, #7E5E4C 50%, #714227 100%);
}
</style>