#AFACA2 - #32312E | 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 #AFACA2 a #32312E

#AFACA2 #32312E

Calcola il colore tra due colori, #AFACA2 e #32312E. 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)

#AFACA2 - #32312E | 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 #AFACA2 come 0% e #32312E come 100%.

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RGB 154 151 142	#9A978E
33.3%	33.3% #85837B	RGB 133 131 123	#85837B
50.0%	50.0% #706E68	RGB 112 110 104	#706E68
66.7%	66.7% #5B5A54	RGB 91 90 84	#5B5A54
83.3%	83.3% #464541	RGB 70 69 65	#464541
100.0%	100.0% #32312E	RGB 50 49 46	#32312E

#AFACA2 #9A978E #85837B #706E68 #5B5A54 #464541 #32312E

#AFACA2 - #32312E

Miscela HSV

#AFACA2 - #32312E | 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 #AFACA2 come 0% e #32312E come 100%.

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RGB 154 151 142	#9A978E
33.3%	33.3% #85827B	RGB 133 130 123	#85827B
50.0%	50.0% #706E67	RGB 112 110 103	#706E67
66.7%	66.7% #5B5954	RGB 91 89 84	#5B5954
83.3%	83.3% #464541	RGB 70 69 65	#464541
100.0%	100.0% #32312E	RGB 50 49 46	#32312E

#AFACA2 #9A978E #85827B #706E67 #5B5954 #464541 #32312E

#AFACA2 - #706E67 - #32312E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFACA2 0%, #706E67 50%, #32312E 100%);
    background: -webkit-linear-gradient(top, #AFACA2 0%, #706E67 50%, #32312E 100%);
    background: linear-gradient(to bottom, #AFACA2 0%, #706E67 50%, #32312E 100%);
}
</style>