#AFA79F - #32302D | 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 #AFA79F a #32302D

#AFA79F #32302D

Calcola il colore tra due colori, #AFA79F e #32302D. 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)

#AFA79F - #32302D | 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 #AFA79F come 0% e #32302D come 100%.

0.0%	0.0% #AFA79F	RGB 175 167 159	#AFA79F
16.7%	16.7% #9A938C	RGB 154 147 140	#9A938C
33.3%	33.3% #857F79	RGB 133 127 121	#857F79
50.0%	50.0% #706B66	RGB 112 107 102	#706B66
66.7%	66.7% #5B5753	RGB 91 87 83	#5B5753
83.3%	83.3% #464340	RGB 70 67 64	#464340
100.0%	100.0% #32302D	RGB 50 48 45	#32302D

#AFA79F #9A938C #857F79 #706B66 #5B5753 #464340 #32302D

#AFA79F - #32302D

Miscela HSV

#AFA79F - #32302D | 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 #AFA79F come 0% e #32302D come 100%.

0.0%	0.0% #AFA79F	RGB 175 167 159	#AFA79F
16.7%	16.7% #9A938B	RGB 154 147 139	#9A938B
33.3%	33.3% #857F78	RGB 133 127 120	#857F78
50.0%	50.0% #706B65	RGB 112 107 101	#706B65
66.7%	66.7% #5B5752	RGB 91 87 82	#5B5752
83.3%	83.3% #46433F	RGB 70 67 63	#46433F
100.0%	100.0% #32302D	RGB 50 48 45	#32302D

#AFA79F #9A938B #857F78 #706B65 #5B5752 #46433F #32302D

#AFA79F - #706B65 - #32302D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA79F 0%, #706B65 50%, #32302D 100%);
    background: -webkit-linear-gradient(top, #AFA79F 0%, #706B65 50%, #32302D 100%);
    background: linear-gradient(to bottom, #AFA79F 0%, #706B65 50%, #32302D 100%);
}
</style>