#5E4846 - #CE9370 | 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 #5E4846 a #CE9370

#5E4846 #CE9370

Calcola il colore tra due colori, #5E4846 e #CE9370. 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)

#5E4846 - #CE9370 | 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 #5E4846 come 0% e #CE9370 come 100%.

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #70544D	RGB 112 84 77	#70544D
33.3%	33.3% #836154	RGB 131 97 84	#836154
50.0%	50.0% #966D5B	RGB 150 109 91	#966D5B
66.7%	66.7% #A87A62	RGB 168 122 98	#A87A62
83.3%	83.3% #BB8669	RGB 187 134 105	#BB8669
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #70544D #836154 #966D5B #A87A62 #BB8669 #CE9370

#5E4846 - #CE9370

Miscela HSV

#5E4846 - #CE9370 | 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 #5E4846 come 0% e #CE9370 come 100%.

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #705450	RGB 112 84 80	#705450
33.3%	33.3% #836059	RGB 131 96 89	#836059
50.0%	50.0% #966C60	RGB 150 108 96	#966C60
66.7%	66.7% #A87967	RGB 168 121 103	#A87967
83.3%	83.3% #BB856C	RGB 187 133 108	#BB856C
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #705450 #836059 #966C60 #A87967 #BB856C #CE9370

#5E4846 - #966C60 - #CE9370

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4846 0%, #966C60 50%, #CE9370 100%);
    background: -webkit-linear-gradient(top, #5E4846 0%, #966C60 50%, #CE9370 100%);
    background: linear-gradient(to bottom, #5E4846 0%, #966C60 50%, #CE9370 100%);
}
</style>