#9F5E72 - #ACA2D3 | 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 #9F5E72 a #ACA2D3

#9F5E72 #ACA2D3

Calcola il colore tra due colori, #9F5E72 e #ACA2D3. 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)

#9F5E72 - #ACA2D3 | 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 #9F5E72 come 0% e #ACA2D3 come 100%.

0.0%	0.0% #9F5E72	RGB 159 94 114	#9F5E72
16.7%	16.7% #A16982	RGB 161 105 130	#A16982
33.3%	33.3% #A37492	RGB 163 116 146	#A37492
50.0%	50.0% #A580A2	RGB 165 128 162	#A580A2
66.7%	66.7% #A78BB2	RGB 167 139 178	#A78BB2
83.3%	83.3% #A996C2	RGB 169 150 194	#A996C2
100.0%	100.0% #ACA2D3	RGB 172 162 211	#ACA2D3

#9F5E72 #A16982 #A37492 #A580A2 #A78BB2 #A996C2 #ACA2D3

#9F5E72 - #ACA2D3

Miscela HSV

#9F5E72 - #ACA2D3 | 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 #9F5E72 come 0% e #ACA2D3 come 100%.

0.0%	0.0% #9F5E72	RGB 159 94 114	#9F5E72
16.7%	16.7% #A7688B	RGB 167 104 139	#A7688B
33.3%	33.3% #B072A4	RGB 176 114 164	#B072A4
50.0%	50.0% #B57DB9	RGB 181 125 185	#B57DB9
66.7%	66.7% #B089C1	RGB 176 137 193	#B089C1
83.3%	83.3% #AD95CA	RGB 173 149 202	#AD95CA
100.0%	100.0% #ACA2D3	RGB 172 162 211	#ACA2D3

#9F5E72 #A7688B #B072A4 #B57DB9 #B089C1 #AD95CA #ACA2D3

#9F5E72 - #B57DB9 - #ACA2D3

Codici CSS

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

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