#C063C7 - #5A027C | 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 #C063C7 a #5A027C

#C063C7 #5A027C

Calcola il colore tra due colori, #C063C7 e #5A027C. 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)

#C063C7 - #5A027C | 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 #C063C7 come 0% e #5A027C come 100%.

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #AF52BA	RGB 175 82 186	#AF52BA
33.3%	33.3% #9E42AE	RGB 158 66 174	#9E42AE
50.0%	50.0% #8D32A1	RGB 141 50 161	#8D32A1
66.7%	66.7% #7C2295	RGB 124 34 149	#7C2295
83.3%	83.3% #6B1288	RGB 107 18 136	#6B1288
100.0%	100.0% #5A027C	RGB 90 2 124	#5A027C

#C063C7 #AF52BA #9E42AE #8D32A1 #7C2295 #6B1288 #5A027C

#C063C7 - #5A027C

Miscela HSV

#C063C7 - #5A027C | 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 #C063C7 come 0% e #5A027C come 100%.

0.0%	0.0% #C063C7	RGB 192 99 199	#C063C7
16.7%	16.7% #AF4DBA	RGB 175 77 186	#AF4DBA
33.3%	33.3% #9D3AAE	RGB 157 58 174	#9D3AAE
50.0%	50.0% #8C29A1	RGB 140 41 161	#8C29A1
66.7%	66.7% #7B1A95	RGB 123 26 149	#7B1A95
83.3%	83.3% #6A0D88	RGB 106 13 136	#6A0D88
100.0%	100.0% #5A027C	RGB 90 2 124	#5A027C

#C063C7 #AF4DBA #9D3AAE #8C29A1 #7B1A95 #6A0D88 #5A027C

#C063C7 - #8C29A1 - #5A027C

Codici CSS

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

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