#705E5E - #8CB49E | 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 #705E5E a #8CB49E

#705E5E #8CB49E

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

#705E5E - #8CB49E | 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 #705E5E come 0% e #8CB49E come 100%.

0.0%	0.0% #705E5E	RGB 112 94 94	#705E5E
16.7%	16.7% #746C68	RGB 116 108 104	#746C68
33.3%	33.3% #797A73	RGB 121 122 115	#797A73
50.0%	50.0% #7E897E	RGB 126 137 126	#7E897E
66.7%	66.7% #829788	RGB 130 151 136	#829788
83.3%	83.3% #87A593	RGB 135 165 147	#87A593
100.0%	100.0% #8CB49E	RGB 140 180 158	#8CB49E

#705E5E #746C68 #797A73 #7E897E #829788 #87A593 #8CB49E

#705E5E - #8CB49E

Miscela HSV

#705E5E - #8CB49E | 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 #705E5E come 0% e #8CB49E come 100%.

0.0%	0.0% #705E5E	RGB 112 94 94	#705E5E
16.7%	16.7% #7B6E66	RGB 123 110 102	#7B6E66
33.3%	33.3% #86826E	RGB 134 130 110	#86826E
50.0%	50.0% #8B9276	RGB 139 146 118	#8B9276
66.7%	66.7% #899D7D	RGB 137 157 125	#899D7D
83.3%	83.3% #84A886	RGB 132 168 134	#84A886
100.0%	100.0% #8CB49E	RGB 140 180 158	#8CB49E

#705E5E #7B6E66 #86826E #8B9276 #899D7D #84A886 #8CB49E

#705E5E - #8B9276 - #8CB49E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #705E5E 0%, #8B9276 50%, #8CB49E 100%);
    background: -webkit-linear-gradient(top, #705E5E 0%, #8B9276 50%, #8CB49E 100%);
    background: linear-gradient(to bottom, #705E5E 0%, #8B9276 50%, #8CB49E 100%);
}
</style>