#ECEC5E - #43431A | 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 #ECEC5E a #43431A

#ECEC5E #43431A

Calcola il colore tra due colori, #ECEC5E e #43431A. 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)

#ECEC5E - #43431A | 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 #ECEC5E come 0% e #43431A come 100%.

0.0%	0.0% #ECEC5E	RGB 236 236 94	#ECEC5E
16.7%	16.7% #CFCF52	RGB 207 207 82	#CFCF52
33.3%	33.3% #B3B347	RGB 179 179 71	#B3B347
50.0%	50.0% #97973C	RGB 151 151 60	#97973C
66.7%	66.7% #7B7B30	RGB 123 123 48	#7B7B30
83.3%	83.3% #5F5F25	RGB 95 95 37	#5F5F25
100.0%	100.0% #43431A	RGB 67 67 26	#43431A

#ECEC5E #CFCF52 #B3B347 #97973C #7B7B30 #5F5F25 #43431A

#ECEC5E - #43431A

Miscela HSV

#ECEC5E - #43431A | 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 #ECEC5E come 0% e #43431A come 100%.

0.0%	0.0% #ECEC5E	RGB 236 236 94	#ECEC5E
16.7%	16.7% #CFCF52	RGB 207 207 82	#CFCF52
33.3%	33.3% #B3B346	RGB 179 179 70	#B3B346
50.0%	50.0% #97973B	RGB 151 151 59	#97973B
66.7%	66.7% #7B7B30	RGB 123 123 48	#7B7B30
83.3%	83.3% #5F5F25	RGB 95 95 37	#5F5F25
100.0%	100.0% #43431A	RGB 67 67 26	#43431A

#ECEC5E #CFCF52 #B3B346 #97973B #7B7B30 #5F5F25 #43431A

#ECEC5E - #97973B - #43431A

Codici CSS

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

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