#725E55 - #E4A879 | 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 #725E55 a #E4A879

#725E55 #E4A879

Calcola il colore tra due colori, #725E55 e #E4A879. 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)

#725E55 - #E4A879 | 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 #725E55 come 0% e #E4A879 come 100%.

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856A5B	RGB 133 106 91	#856A5B
33.3%	33.3% #987661	RGB 152 118 97	#987661
50.0%	50.0% #AB8367	RGB 171 131 103	#AB8367
66.7%	66.7% #BE8F6D	RGB 190 143 109	#BE8F6D
83.3%	83.3% #D19B73	RGB 209 155 115	#D19B73
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856A5B #987661 #AB8367 #BE8F6D #D19B73 #E4A879

#725E55 - #E4A879

Miscela HSV

#725E55 - #E4A879 | 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 #725E55 come 0% e #E4A879 come 100%.

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856B5E	RGB 133 107 94	#856B5E
33.3%	33.3% #987766	RGB 152 119 102	#987766
50.0%	50.0% #AB846D	RGB 171 132 109	#AB846D
66.7%	66.7% #BE9072	RGB 190 144 114	#BE9072
83.3%	83.3% #D19C76	RGB 209 156 118	#D19C76
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856B5E #987766 #AB846D #BE9072 #D19C76 #E4A879

#725E55 - #AB846D - #E4A879

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #725E55 0%, #AB846D 50%, #E4A879 100%);
    background: -webkit-linear-gradient(top, #725E55 0%, #AB846D 50%, #E4A879 100%);
    background: linear-gradient(to bottom, #725E55 0%, #AB846D 50%, #E4A879 100%);
}
</style>