#C19E5E - #98601B | 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 #C19E5E a #98601B

#C19E5E #98601B

Calcola il colore tra due colori, #C19E5E e #98601B. 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)

#C19E5E - #98601B | 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 #C19E5E come 0% e #98601B come 100%.

0.0%	0.0% #C19E5E	RGB 193 158 94	#C19E5E
16.7%	16.7% #BA9352	RGB 186 147 82	#BA9352
33.3%	33.3% #B38947	RGB 179 137 71	#B38947
50.0%	50.0% #AC7F3C	RGB 172 127 60	#AC7F3C
66.7%	66.7% #A57431	RGB 165 116 49	#A57431
83.3%	83.3% #9E6A26	RGB 158 106 38	#9E6A26
100.0%	100.0% #98601B	RGB 152 96 27	#98601B

#C19E5E #BA9352 #B38947 #AC7F3C #A57431 #9E6A26 #98601B

#C19E5E - #98601B

Miscela HSV

#C19E5E - #98601B | 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 #C19E5E come 0% e #98601B come 100%.

0.0%	0.0% #C19E5E	RGB 193 158 94	#C19E5E
16.7%	16.7% #BA9351	RGB 186 147 81	#BA9351
33.3%	33.3% #B38844	RGB 179 136 68	#B38844
50.0%	50.0% #AC7E39	RGB 172 126 57	#AC7E39
66.7%	66.7% #A5742E	RGB 165 116 46	#A5742E
83.3%	83.3% #9E6924	RGB 158 105 36	#9E6924
100.0%	100.0% #98601B	RGB 152 96 27	#98601B

#C19E5E #BA9351 #B38844 #AC7E39 #A5742E #9E6924 #98601B

#C19E5E - #AC7E39 - #98601B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
    background: -webkit-linear-gradient(top, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
    background: linear-gradient(to bottom, #C19E5E 0%, #AC7E39 50%, #98601B 100%);
}
</style>