#B300C1 - #560B5E | 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 #B300C1 a #560B5E

#B300C1 #560B5E

Calcola il colore tra due colori, #B300C1 e #560B5E. 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)

#B300C1 - #560B5E | 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 #B300C1 come 0% e #560B5E come 100%.

0.0%	0.0% #B300C1	RGB 179 0 193	#B300C1
16.7%	16.7% #A301B0	RGB 163 1 176	#A301B0
33.3%	33.3% #9403A0	RGB 148 3 160	#9403A0
50.0%	50.0% #84058F	RGB 132 5 143	#84058F
66.7%	66.7% #75077F	RGB 117 7 127	#75077F
83.3%	83.3% #65096E	RGB 101 9 110	#65096E
100.0%	100.0% #560B5E	RGB 86 11 94	#560B5E

#B300C1 #A301B0 #9403A0 #84058F #75077F #65096E #560B5E

#B300C1 - #560B5E

Miscela HSV

#B300C1 - #560B5E | 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 #B300C1 come 0% e #560B5E come 100%.

0.0%	0.0% #B300C1	RGB 179 0 193	#B300C1
16.7%	16.7% #A303B0	RGB 163 3 176	#A303B0
33.3%	33.3% #9306A0	RGB 147 6 160	#9306A0
50.0%	50.0% #84088F	RGB 132 8 143	#84088F
66.7%	66.7% #74097F	RGB 116 9 127	#74097F
83.3%	83.3% #650A6E	RGB 101 10 110	#650A6E
100.0%	100.0% #560B5E	RGB 86 11 94	#560B5E

#B300C1 #A303B0 #9306A0 #84088F #74097F #650A6E #560B5E

#B300C1 - #84088F - #560B5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B300C1 0%, #84088F 50%, #560B5E 100%);
    background: -webkit-linear-gradient(top, #B300C1 0%, #84088F 50%, #560B5E 100%);
    background: linear-gradient(to bottom, #B300C1 0%, #84088F 50%, #560B5E 100%);
}
</style>