#765321 - #CD5E74 | 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 #765321 a #CD5E74

#765321 #CD5E74

Calcola il colore tra due colori, #765321 e #CD5E74. 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)

#765321 - #CD5E74 | 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 #765321 come 0% e #CD5E74 come 100%.

0.0%	0.0% #765321	RGB 118 83 33	#765321
16.7%	16.7% #84542E	RGB 132 84 46	#84542E
33.3%	33.3% #93563C	RGB 147 86 60	#93563C
50.0%	50.0% #A1584A	RGB 161 88 74	#A1584A
66.7%	66.7% #B05A58	RGB 176 90 88	#B05A58
83.3%	83.3% #BE5C66	RGB 190 92 102	#BE5C66
100.0%	100.0% #CD5E74	RGB 205 94 116	#CD5E74

#765321 #84542E #93563C #A1584A #B05A58 #BE5C66 #CD5E74

#765321 - #CD5E74

Miscela HSV

#765321 - #CD5E74 | 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 #765321 come 0% e #CD5E74 come 100%.

0.0%	0.0% #765321	RGB 118 83 33	#765321
16.7%	16.7% #845229	RGB 132 82 41	#845229
33.3%	33.3% #935131	RGB 147 81 49	#935131
50.0%	50.0% #A14F3B	RGB 161 79 59	#A14F3B
66.7%	66.7% #B04C46	RGB 176 76 70	#B04C46
83.3%	83.3% #BE5158	RGB 190 81 88	#BE5158
100.0%	100.0% #CD5E74	RGB 205 94 116	#CD5E74

#765321 #845229 #935131 #A14F3B #B04C46 #BE5158 #CD5E74

#765321 - #A14F3B - #CD5E74

Codici CSS

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

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