#C0A8C8 - #6C4D80 | 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 #C0A8C8 a #6C4D80

#C0A8C8 #6C4D80

Calcola il colore tra due colori, #C0A8C8 e #6C4D80. 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)

#C0A8C8 - #6C4D80 | 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 #C0A8C8 come 0% e #6C4D80 come 100%.

0.0%	0.0% #C0A8C8	RGB 192 168 200	#C0A8C8
16.7%	16.7% #B298BC	RGB 178 152 188	#B298BC
33.3%	33.3% #A489B0	RGB 164 137 176	#A489B0
50.0%	50.0% #967AA4	RGB 150 122 164	#967AA4
66.7%	66.7% #886B98	RGB 136 107 152	#886B98
83.3%	83.3% #7A5C8C	RGB 122 92 140	#7A5C8C
100.0%	100.0% #6C4D80	RGB 108 77 128	#6C4D80

#C0A8C8 #B298BC #A489B0 #967AA4 #886B98 #7A5C8C #6C4D80

#C0A8C8 - #6C4D80

Miscela HSV

#C0A8C8 - #6C4D80 | 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 #C0A8C8 come 0% e #6C4D80 come 100%.

0.0%	0.0% #C0A8C8	RGB 192 168 200	#C0A8C8
16.7%	16.7% #B196BC	RGB 177 150 188	#B196BC
33.3%	33.3% #A385B0	RGB 163 133 176	#A385B0
50.0%	50.0% #9576A4	RGB 149 118 164	#9576A4
66.7%	66.7% #876798	RGB 135 103 152	#876798
83.3%	83.3% #79598C	RGB 121 89 140	#79598C
100.0%	100.0% #6C4D80	RGB 108 77 128	#6C4D80

#C0A8C8 #B196BC #A385B0 #9576A4 #876798 #79598C #6C4D80

#C0A8C8 - #9576A4 - #6C4D80

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8C8 0%, #9576A4 50%, #6C4D80 100%);
    background: -webkit-linear-gradient(top, #C0A8C8 0%, #9576A4 50%, #6C4D80 100%);
    background: linear-gradient(to bottom, #C0A8C8 0%, #9576A4 50%, #6C4D80 100%);
}
</style>