#8C4D4D - #691D0E | 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 #8C4D4D a #691D0E

#8C4D4D #691D0E

Calcola il colore tra due colori, #8C4D4D e #691D0E. 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)

#8C4D4D - #691D0E | 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 #8C4D4D come 0% e #691D0E come 100%.

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #864542	RGB 134 69 66	#864542
33.3%	33.3% #803D38	RGB 128 61 56	#803D38
50.0%	50.0% #7A352D	RGB 122 53 45	#7A352D
66.7%	66.7% #742D23	RGB 116 45 35	#742D23
83.3%	83.3% #6E2518	RGB 110 37 24	#6E2518
100.0%	100.0% #691D0E	RGB 105 29 14	#691D0E

#8C4D4D #864542 #803D38 #7A352D #742D23 #6E2518 #691D0E

#8C4D4D - #691D0E

Miscela HSV

#8C4D4D - #691D0E | 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 #8C4D4D come 0% e #691D0E come 100%.

0.0%	0.0% #8C4D4D	RGB 140 77 77	#8C4D4D
16.7%	16.7% #864240	RGB 134 66 64	#864240
33.3%	33.3% #803834	RGB 128 56 52	#803834
50.0%	50.0% #7A3029	RGB 122 48 41	#7A3029
66.7%	66.7% #74291F	RGB 116 41 31	#74291F
83.3%	83.3% #6E2216	RGB 110 34 22	#6E2216
100.0%	100.0% #691D0E	RGB 105 29 14	#691D0E

#8C4D4D #864240 #803834 #7A3029 #74291F #6E2216 #691D0E

#8C4D4D - #7A3029 - #691D0E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
    background: -webkit-linear-gradient(top, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
    background: linear-gradient(to bottom, #8C4D4D 0%, #7A3029 50%, #691D0E 100%);
}
</style>