#5E2D32 - #29100C | 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 #5E2D32 a #29100C

#5E2D32 #29100C

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

#5E2D32 - #29100C | 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 #5E2D32 come 0% e #29100C come 100%.

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #55282B	RGB 85 40 43	#55282B
33.3%	33.3% #4C2325	RGB 76 35 37	#4C2325
50.0%	50.0% #431E1F	RGB 67 30 31	#431E1F
66.7%	66.7% #3A1918	RGB 58 25 24	#3A1918
83.3%	83.3% #311412	RGB 49 20 18	#311412
100.0%	100.0% #29100C	RGB 41 16 12	#29100C

#5E2D32 #55282B #4C2325 #431E1F #3A1918 #311412 #29100C

#5E2D32 - #29100C

Miscela HSV

#5E2D32 - #29100C | 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 #5E2D32 come 0% e #29100C come 100%.

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #552629	RGB 85 38 41	#552629
33.3%	33.3% #4C1F20	RGB 76 31 32	#4C1F20
50.0%	50.0% #431A1A	RGB 67 26 26	#431A1A
66.7%	66.7% #3A1714	RGB 58 23 20	#3A1714
83.3%	83.3% #311310	RGB 49 19 16	#311310
100.0%	100.0% #29100C	RGB 41 16 12	#29100C

#5E2D32 #552629 #4C1F20 #431A1A #3A1714 #311310 #29100C

#5E2D32 - #431A1A - #29100C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D32 0%, #431A1A 50%, #29100C 100%);
    background: -webkit-linear-gradient(top, #5E2D32 0%, #431A1A 50%, #29100C 100%);
    background: linear-gradient(to bottom, #5E2D32 0%, #431A1A 50%, #29100C 100%);
}
</style>