#593D5E - #CD7497 | 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 #593D5E a #CD7497

#593D5E #CD7497

Calcola il colore tra due colori, #593D5E e #CD7497. 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)

#593D5E - #CD7497 | 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 #593D5E come 0% e #CD7497 come 100%.

0.0%	0.0% #593D5E	RGB 89 61 94	#593D5E
16.7%	16.7% #6C4667	RGB 108 70 103	#6C4667
33.3%	33.3% #7F4F71	RGB 127 79 113	#7F4F71
50.0%	50.0% #93587A	RGB 147 88 122	#93587A
66.7%	66.7% #A66184	RGB 166 97 132	#A66184
83.3%	83.3% #B96A8D	RGB 185 106 141	#B96A8D
100.0%	100.0% #CD7497	RGB 205 116 151	#CD7497

#593D5E #6C4667 #7F4F71 #93587A #A66184 #B96A8D #CD7497

#593D5E - #CD7497

Miscela HSV

#593D5E - #CD7497 | 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 #593D5E come 0% e #CD7497 come 100%.

0.0%	0.0% #593D5E	RGB 89 61 94	#593D5E
16.7%	16.7% #6F4770	RGB 111 71 112	#6F4770
33.3%	33.3% #83517D	RGB 131 81 125	#83517D
50.0%	50.0% #955A88	RGB 149 90 136	#955A88
66.7%	66.7% #A8638F	RGB 168 99 143	#A8638F
83.3%	83.3% #BA6C94	RGB 186 108 148	#BA6C94
100.0%	100.0% #CD7497	RGB 205 116 151	#CD7497

#593D5E #6F4770 #83517D #955A88 #A8638F #BA6C94 #CD7497

#593D5E - #955A88 - #CD7497

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #593D5E 0%, #955A88 50%, #CD7497 100%);
    background: -webkit-linear-gradient(top, #593D5E 0%, #955A88 50%, #CD7497 100%);
    background: linear-gradient(to bottom, #593D5E 0%, #955A88 50%, #CD7497 100%);
}
</style>