#5E4D59 - #E6B569 | 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 #5E4D59 a #E6B569

#5E4D59 #E6B569

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

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

0.0%	0.0% #5E4D59	RGB 94 77 89	#5E4D59
16.7%	16.7% #745E5B	RGB 116 94 91	#745E5B
33.3%	33.3% #8B6F5E	RGB 139 111 94	#8B6F5E
50.0%	50.0% #A28161	RGB 162 129 97	#A28161
66.7%	66.7% #B89263	RGB 184 146 99	#B89263
83.3%	83.3% #CFA366	RGB 207 163 102	#CFA366
100.0%	100.0% #E6B569	RGB 230 181 105	#E6B569

#5E4D59 #745E5B #8B6F5E #A28161 #B89263 #CFA366 #E6B569

#5E4D59 - #E6B569

Miscela HSV

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

0.0%	0.0% #5E4D59	RGB 94 77 89	#5E4D59
16.7%	16.7% #745866	RGB 116 88 102	#745866
33.3%	33.3% #8B616C	RGB 139 97 108	#8B616C
50.0%	50.0% #A2676A	RGB 162 103 106	#A2676A
66.7%	66.7% #B8776A	RGB 184 119 106	#B8776A
83.3%	83.3% #CF926B	RGB 207 146 107	#CF926B
100.0%	100.0% #E6B569	RGB 230 181 105	#E6B569

#5E4D59 #745866 #8B616C #A2676A #B8776A #CF926B #E6B569

#5E4D59 - #A2676A - #E6B569

Codici CSS

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

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