#C7A4A8 - #8F525A | 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 #C7A4A8 a #8F525A

#C7A4A8 #8F525A

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

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

0.0%	0.0% #C7A4A8	RGB 199 164 168	#C7A4A8
16.7%	16.7% #BD969B	RGB 189 150 155	#BD969B
33.3%	33.3% #B4888E	RGB 180 136 142	#B4888E
50.0%	50.0% #AB7B81	RGB 171 123 129	#AB7B81
66.7%	66.7% #A16D74	RGB 161 109 116	#A16D74
83.3%	83.3% #985F67	RGB 152 95 103	#985F67
100.0%	100.0% #8F525A	RGB 143 82 90	#8F525A

#C7A4A8 #BD969B #B4888E #AB7B81 #A16D74 #985F67 #8F525A

#C7A4A8 - #8F525A

Miscela HSV

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

0.0%	0.0% #C7A4A8	RGB 199 164 168	#C7A4A8
16.7%	16.7% #BD9499	RGB 189 148 153	#BD9499
33.3%	33.3% #B4858B	RGB 180 133 139	#B4858B
50.0%	50.0% #AB777D	RGB 171 119 125	#AB777D
66.7%	66.7% #A16A71	RGB 161 106 113	#A16A71
83.3%	83.3% #985D65	RGB 152 93 101	#985D65
100.0%	100.0% #8F525A	RGB 143 82 90	#8F525A

#C7A4A8 #BD9499 #B4858B #AB777D #A16A71 #985D65 #8F525A

#C7A4A8 - #AB777D - #8F525A

Codici CSS

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

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