#AF9A8F - #8F553A | 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 #AF9A8F a #8F553A

#AF9A8F #8F553A

Calcola il colore tra due colori, #AF9A8F e #8F553A. 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)

#AF9A8F - #8F553A | 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 #AF9A8F come 0% e #8F553A come 100%.

0.0%	0.0% #AF9A8F	RGB 175 154 143	#AF9A8F
16.7%	16.7% #A98E80	RGB 169 142 128	#A98E80
33.3%	33.3% #A48372	RGB 164 131 114	#A48372
50.0%	50.0% #9F7764	RGB 159 119 100	#9F7764
66.7%	66.7% #996C56	RGB 153 108 86	#996C56
83.3%	83.3% #946048	RGB 148 96 72	#946048
100.0%	100.0% #8F553A	RGB 143 85 58	#8F553A

#AF9A8F #A98E80 #A48372 #9F7764 #996C56 #946048 #8F553A

#AF9A8F - #8F553A

Miscela HSV

#AF9A8F - #8F553A | 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 #AF9A8F come 0% e #8F553A come 100%.

0.0%	0.0% #AF9A8F	RGB 175 154 143	#AF9A8F
16.7%	16.7% #A98D7F	RGB 169 141 127	#A98D7F
33.3%	33.3% #A4816F	RGB 164 129 111	#A4816F
50.0%	50.0% #9F7561	RGB 159 117 97	#9F7561
66.7%	66.7% #996A53	RGB 153 106 83	#996A53
83.3%	83.3% #945F46	RGB 148 95 70	#945F46
100.0%	100.0% #8F553A	RGB 143 85 58	#8F553A

#AF9A8F #A98D7F #A4816F #9F7561 #996A53 #945F46 #8F553A

#AF9A8F - #9F7561 - #8F553A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9A8F 0%, #9F7561 50%, #8F553A 100%);
    background: -webkit-linear-gradient(top, #AF9A8F 0%, #9F7561 50%, #8F553A 100%);
    background: linear-gradient(to bottom, #AF9A8F 0%, #9F7561 50%, #8F553A 100%);
}
</style>