#AF8889 - #733D3C | 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 #AF8889 a #733D3C

#AF8889 #733D3C

Calcola il colore tra due colori, #AF8889 e #733D3C. 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)

#AF8889 - #733D3C | 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 #AF8889 come 0% e #733D3C come 100%.

0.0%	0.0% #AF8889	RGB 175 136 137	#AF8889
16.7%	16.7% #A57B7C	RGB 165 123 124	#A57B7C
33.3%	33.3% #9B6F6F	RGB 155 111 111	#9B6F6F
50.0%	50.0% #916262	RGB 145 98 98	#916262
66.7%	66.7% #875655	RGB 135 86 85	#875655
83.3%	83.3% #7D4948	RGB 125 73 72	#7D4948
100.0%	100.0% #733D3C	RGB 115 61 60	#733D3C

#AF8889 #A57B7C #9B6F6F #916262 #875655 #7D4948 #733D3C

#AF8889 - #733D3C

Miscela HSV

#AF8889 - #733D3C | 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 #AF8889 come 0% e #733D3C come 100%.

0.0%	0.0% #AF8889	RGB 175 136 137	#AF8889
16.7%	16.7% #A5797A	RGB 165 121 122	#A5797A
33.3%	33.3% #9B6B6B	RGB 155 107 107	#9B6B6B
50.0%	50.0% #915E5E	RGB 145 94 94	#915E5E
66.7%	66.7% #875251	RGB 135 82 81	#875251
83.3%	83.3% #7D4746	RGB 125 71 70	#7D4746
100.0%	100.0% #733D3C	RGB 115 61 60	#733D3C

#AF8889 #A5797A #9B6B6B #915E5E #875251 #7D4746 #733D3C

#AF8889 - #915E5E - #733D3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF8889 0%, #915E5E 50%, #733D3C 100%);
    background: -webkit-linear-gradient(top, #AF8889 0%, #915E5E 50%, #733D3C 100%);
    background: linear-gradient(to bottom, #AF8889 0%, #915E5E 50%, #733D3C 100%);
}
</style>