#7B5E30 - #EAA24C | 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 #7B5E30 a #EAA24C

#7B5E30 #EAA24C

Calcola il colore tra due colori, #7B5E30 e #EAA24C. 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)

#7B5E30 - #EAA24C | 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 #7B5E30 come 0% e #EAA24C come 100%.

0.0%	0.0% #7B5E30	RGB 123 94 48	#7B5E30
16.7%	16.7% #8D6934	RGB 141 105 52	#8D6934
33.3%	33.3% #A07439	RGB 160 116 57	#A07439
50.0%	50.0% #B2803E	RGB 178 128 62	#B2803E
66.7%	66.7% #C58B42	RGB 197 139 66	#C58B42
83.3%	83.3% #D79647	RGB 215 150 71	#D79647
100.0%	100.0% #EAA24C	RGB 234 162 76	#EAA24C

#7B5E30 #8D6934 #A07439 #B2803E #C58B42 #D79647 #EAA24C

#7B5E30 - #EAA24C

Miscela HSV

#7B5E30 - #EAA24C | 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 #7B5E30 come 0% e #EAA24C come 100%.

0.0%	0.0% #7B5E30	RGB 123 94 48	#7B5E30
16.7%	16.7% #8D6A35	RGB 141 106 53	#8D6A35
33.3%	33.3% #A0763A	RGB 160 118 58	#A0763A
50.0%	50.0% #B2823F	RGB 178 130 63	#B2823F
66.7%	66.7% #C58D44	RGB 197 141 68	#C58D44
83.3%	83.3% #D79748	RGB 215 151 72	#D79748
100.0%	100.0% #EAA24C	RGB 234 162 76	#EAA24C

#7B5E30 #8D6A35 #A0763A #B2823F #C58D44 #D79748 #EAA24C

#7B5E30 - #B2823F - #EAA24C

Codici CSS

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

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