#B054AB - #7A0057 | 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 #B054AB a #7A0057

#B054AB #7A0057

Calcola il colore tra due colori, #B054AB e #7A0057. 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)

#B054AB - #7A0057 | 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 #B054AB come 0% e #7A0057 come 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #A7469D	RGB 167 70 157	#A7469D
33.3%	33.3% #9E388F	RGB 158 56 143	#9E388F
50.0%	50.0% #952A81	RGB 149 42 129	#952A81
66.7%	66.7% #8C1B73	RGB 140 27 115	#8C1B73
83.3%	83.3% #830E65	RGB 131 14 101	#830E65
100.0%	100.0% #7A0057	RGB 122 0 87	#7A0057

#B054AB #A7469D #9E388F #952A81 #8C1B73 #830E65 #7A0057

#B054AB - #7A0057

Miscela HSV

#B054AB - #7A0057 | 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 #B054AB come 0% e #7A0057 come 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #A7429D	RGB 167 66 157	#A7429D
33.3%	33.3% #9E328F	RGB 158 50 143	#9E328F
50.0%	50.0% #952381	RGB 149 35 129	#952381
66.7%	66.7% #8C1673	RGB 140 22 115	#8C1673
83.3%	83.3% #830A65	RGB 131 10 101	#830A65
100.0%	100.0% #7A0057	RGB 122 0 87	#7A0057

#B054AB #A7429D #9E328F #952381 #8C1673 #830A65 #7A0057

#B054AB - #952381 - #7A0057

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B054AB 0%, #952381 50%, #7A0057 100%);
    background: -webkit-linear-gradient(top, #B054AB 0%, #952381 50%, #7A0057 100%);
    background: linear-gradient(to bottom, #B054AB 0%, #952381 50%, #7A0057 100%);
}
</style>