#AD8C92 - #753E43 | 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 #AD8C92 a #753E43

#AD8C92 #753E43

Calcola il colore tra due colori, #AD8C92 e #753E43. 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)

#AD8C92 - #753E43 | 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 #AD8C92 come 0% e #753E43 come 100%.

0.0%	0.0% #AD8C92	RGB 173 140 146	#AD8C92
16.7%	16.7% #A37F84	RGB 163 127 132	#A37F84
33.3%	33.3% #9A7277	RGB 154 114 119	#9A7277
50.0%	50.0% #91656A	RGB 145 101 106	#91656A
66.7%	66.7% #87585D	RGB 135 88 93	#87585D
83.3%	83.3% #7E4B50	RGB 126 75 80	#7E4B50
100.0%	100.0% #753E43	RGB 117 62 67	#753E43

#AD8C92 #A37F84 #9A7277 #91656A #87585D #7E4B50 #753E43

#AD8C92 - #753E43

Miscela HSV

#AD8C92 - #753E43 | 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 #AD8C92 come 0% e #753E43 come 100%.

0.0%	0.0% #AD8C92	RGB 173 140 146	#AD8C92
16.7%	16.7% #A37C83	RGB 163 124 131	#A37C83
33.3%	33.3% #9A6E75	RGB 154 110 117	#9A6E75
50.0%	50.0% #916167	RGB 145 97 103	#916167
66.7%	66.7% #87545A	RGB 135 84 90	#87545A
83.3%	83.3% #7E484E	RGB 126 72 78	#7E484E
100.0%	100.0% #753E43	RGB 117 62 67	#753E43

#AD8C92 #A37C83 #9A6E75 #916167 #87545A #7E484E #753E43

#AD8C92 - #916167 - #753E43

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD8C92 0%, #916167 50%, #753E43 100%);
    background: -webkit-linear-gradient(top, #AD8C92 0%, #916167 50%, #753E43 100%);
    background: linear-gradient(to bottom, #AD8C92 0%, #916167 50%, #753E43 100%);
}
</style>