#3C202F - #9B5E59 | 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 #3C202F a #9B5E59

#3C202F #9B5E59

Calcola il colore tra due colori, #3C202F e #9B5E59. 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)

#3C202F - #9B5E59 | 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 #3C202F come 0% e #9B5E59 come 100%.

0.0%	0.0% #3C202F	RGB 60 32 47	#3C202F
16.7%	16.7% #4B2A36	RGB 75 42 54	#4B2A36
33.3%	33.3% #5B343D	RGB 91 52 61	#5B343D
50.0%	50.0% #6B3F44	RGB 107 63 68	#6B3F44
66.7%	66.7% #7B494B	RGB 123 73 75	#7B494B
83.3%	83.3% #8B5352	RGB 139 83 82	#8B5352
100.0%	100.0% #9B5E59	RGB 155 94 89	#9B5E59

#3C202F #4B2A36 #5B343D #6B3F44 #7B494B #8B5352 #9B5E59

#3C202F - #9B5E59

Miscela HSV

#3C202F - #9B5E59 | 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 #3C202F come 0% e #9B5E59 come 100%.

0.0%	0.0% #3C202F	RGB 60 32 47	#3C202F
16.7%	16.7% #4B2838	RGB 75 40 56	#4B2838
33.3%	33.3% #5B323F	RGB 91 50 63	#5B323F
50.0%	50.0% #6B3B46	RGB 107 59 70	#6B3B46
66.7%	66.7% #7B454C	RGB 123 69 76	#7B454C
83.3%	83.3% #8B4E50	RGB 139 78 80	#8B4E50
100.0%	100.0% #9B5E59	RGB 155 94 89	#9B5E59

#3C202F #4B2838 #5B323F #6B3B46 #7B454C #8B4E50 #9B5E59

#3C202F - #6B3B46 - #9B5E59

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
    background: -webkit-linear-gradient(top, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
    background: linear-gradient(to bottom, #3C202F 0%, #6B3B46 50%, #9B5E59 100%);
}
</style>