#5E4310 - #392007 | 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 #5E4310 a #392007

#5E4310 #392007

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

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

0.0%	0.0% #5E4310	RGB 94 67 16	#5E4310
16.7%	16.7% #573D0E	RGB 87 61 14	#573D0E
33.3%	33.3% #51370D	RGB 81 55 13	#51370D
50.0%	50.0% #4B310B	RGB 75 49 11	#4B310B
66.7%	66.7% #452B0A	RGB 69 43 10	#452B0A
83.3%	83.3% #3F2508	RGB 63 37 8	#3F2508
100.0%	100.0% #392007	RGB 57 32 7	#392007

#5E4310 #573D0E #51370D #4B310B #452B0A #3F2508 #392007

#5E4310 - #392007

Miscela HSV

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

0.0%	0.0% #5E430F	RGB 94 67 15	#5E430F
16.7%	16.7% #573C0E	RGB 87 60 14	#573C0E
33.3%	33.3% #51360C	RGB 81 54 12	#51360C
50.0%	50.0% #4B300B	RGB 75 48 11	#4B300B
66.7%	66.7% #452A09	RGB 69 42 9	#452A09
83.3%	83.3% #3F2508	RGB 63 37 8	#3F2508
100.0%	100.0% #392007	RGB 57 32 7	#392007

#5E430F #573C0E #51360C #4B300B #452A09 #3F2508 #392007

#5E4310 - #4B300B - #392007

Codici CSS

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

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