#764321 - #CD5E87 | 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 #764321 a #CD5E87

#764321 #CD5E87

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

#764321 - #CD5E87 | 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 #764321 come 0% e #CD5E87 come 100%.

0.0%	0.0% #764321	RGB 118 67 33	#764321
16.7%	16.7% #844732	RGB 132 71 50	#844732
33.3%	33.3% #934C43	RGB 147 76 67	#934C43
50.0%	50.0% #A15054	RGB 161 80 84	#A15054
66.7%	66.7% #B05565	RGB 176 85 101	#B05565
83.3%	83.3% #BE5976	RGB 190 89 118	#BE5976
100.0%	100.0% #CD5E87	RGB 205 94 135	#CD5E87

#764321 #844732 #934C43 #A15054 #B05565 #BE5976 #CD5E87

#764321 - #CD5E87

Miscela HSV

#764321 - #CD5E87 | 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 #764321 come 0% e #CD5E87 come 100%.

0.0%	0.0% #764321	RGB 118 67 33	#764321
16.7%	16.7% #844129	RGB 132 65 41	#844129
33.3%	33.3% #933F31	RGB 147 63 49	#933F31
50.0%	50.0% #A13D3B	RGB 161 61 59	#A13D3B
66.7%	66.7% #B04652	RGB 176 70 82	#B04652
83.3%	83.3% #BE516B	RGB 190 81 107	#BE516B
100.0%	100.0% #CD5E87	RGB 205 94 135	#CD5E87

#764321 #844129 #933F31 #A13D3B #B04652 #BE516B #CD5E87

#764321 - #A13D3B - #CD5E87

Codici CSS

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

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