#C58B9A - #8C364B | 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 #C58B9A a #8C364B

#C58B9A #8C364B

Calcola il colore tra due colori, #C58B9A e #8C364B. 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)

#C58B9A - #8C364B | 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 #C58B9A come 0% e #8C364B come 100%.

0.0%	0.0% #C58B9A	RGB 197 139 154	#C58B9A
16.7%	16.7% #BB7C8C	RGB 187 124 140	#BB7C8C
33.3%	33.3% #B26E7F	RGB 178 110 127	#B26E7F
50.0%	50.0% #A86072	RGB 168 96 114	#A86072
66.7%	66.7% #9F5265	RGB 159 82 101	#9F5265
83.3%	83.3% #954458	RGB 149 68 88	#954458
100.0%	100.0% #8C364B	RGB 140 54 75	#8C364B

#C58B9A #BB7C8C #B26E7F #A86072 #9F5265 #954458 #8C364B

#C58B9A - #8C364B

Miscela HSV

#C58B9A - #8C364B | 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 #C58B9A come 0% e #8C364B come 100%.

0.0%	0.0% #C58B9A	RGB 197 139 154	#C58B9A
16.7%	16.7% #BB7A8B	RGB 187 122 139	#BB7A8B
33.3%	33.3% #B26A7C	RGB 178 106 124	#B26A7C
50.0%	50.0% #A85B6F	RGB 168 91 111	#A85B6F
66.7%	66.7% #9F4E62	RGB 159 78 98	#9F4E62
83.3%	83.3% #954156	RGB 149 65 86	#954156
100.0%	100.0% #8C364B	RGB 140 54 75	#8C364B

#C58B9A #BB7A8B #B26A7C #A85B6F #9F4E62 #954156 #8C364B

#C58B9A - #A85B6F - #8C364B

Codici CSS

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

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