#5B5E5C - #0F461C | 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 #5B5E5C a #0F461C

#5B5E5C #0F461C

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

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4E5A51	RGB 78 90 81	#4E5A51
33.3%	33.3% #415646	RGB 65 86 70	#415646
50.0%	50.0% #35523C	RGB 53 82 60	#35523C
66.7%	66.7% #284E31	RGB 40 78 49	#284E31
83.3%	83.3% #1B4A26	RGB 27 74 38	#1B4A26
100.0%	100.0% #0F461C	RGB 15 70 28	#0F461C

#5B5E5C #4E5A51 #415646 #35523C #284E31 #1B4A26 #0F461C

#5B5E5C - #0F461C

Miscela HSV

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4B5A50	RGB 75 90 80	#4B5A50
33.3%	33.3% #3D5644	RGB 61 86 68	#3D5644
50.0%	50.0% #30523A	RGB 48 82 58	#30523A
66.7%	66.7% #244E2F	RGB 36 78 47	#244E2F
83.3%	83.3% #194A25	RGB 25 74 37	#194A25
100.0%	100.0% #0F461C	RGB 15 70 28	#0F461C

#5B5E5C #4B5A50 #3D5644 #30523A #244E2F #194A25 #0F461C

#5B5E5C - #30523A - #0F461C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5C 0%, #30523A 50%, #0F461C 100%);
    background: -webkit-linear-gradient(top, #5B5E5C 0%, #30523A 50%, #0F461C 100%);
    background: linear-gradient(to bottom, #5B5E5C 0%, #30523A 50%, #0F461C 100%);
}
</style>