#C7A5A8 - #8F535A | 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 #C7A5A8 a #8F535A

#C7A5A8 #8F535A

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

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

0.0%	0.0% #C7A5A8	RGB 199 165 168	#C7A5A8
16.7%	16.7% #BD979B	RGB 189 151 155	#BD979B
33.3%	33.3% #B4898E	RGB 180 137 142	#B4898E
50.0%	50.0% #AB7C81	RGB 171 124 129	#AB7C81
66.7%	66.7% #A16E74	RGB 161 110 116	#A16E74
83.3%	83.3% #986067	RGB 152 96 103	#986067
100.0%	100.0% #8F535A	RGB 143 83 90	#8F535A

#C7A5A8 #BD979B #B4898E #AB7C81 #A16E74 #986067 #8F535A

#C7A5A8 - #8F535A

Miscela HSV

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

0.0%	0.0% #C7A5A8	RGB 199 165 168	#C7A5A8
16.7%	16.7% #BD9599	RGB 189 149 153	#BD9599
33.3%	33.3% #B4868B	RGB 180 134 139	#B4868B
50.0%	50.0% #AB787D	RGB 171 120 125	#AB787D
66.7%	66.7% #A16B71	RGB 161 107 113	#A16B71
83.3%	83.3% #985E65	RGB 152 94 101	#985E65
100.0%	100.0% #8F535A	RGB 143 83 90	#8F535A

#C7A5A8 #BD9599 #B4868B #AB787D #A16B71 #985E65 #8F535A

#C7A5A8 - #AB787D - #8F535A

Codici CSS

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

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