#BA5E9F - #80064E | 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 #BA5E9F a #80064E

#BA5E9F #80064E

Calcola il colore tra due colori, #BA5E9F e #80064E. 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)

#BA5E9F - #80064E | 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 #BA5E9F come 0% e #80064E come 100%.

0.0%	0.0% #BA5E9F	RGB 186 94 159	#BA5E9F
16.7%	16.7% #B04F91	RGB 176 79 145	#B04F91
33.3%	33.3% #A64084	RGB 166 64 132	#A64084
50.0%	50.0% #9D3276	RGB 157 50 118	#9D3276
66.7%	66.7% #932369	RGB 147 35 105	#932369
83.3%	83.3% #89145B	RGB 137 20 91	#89145B
100.0%	100.0% #80064E	RGB 128 6 78	#80064E

#BA5E9F #B04F91 #A64084 #9D3276 #932369 #89145B #80064E

#BA5E9F - #80064E

Miscela HSV

#BA5E9F - #80064E | 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 #BA5E9F come 0% e #80064E come 100%.

0.0%	0.0% #BA5E9F	RGB 186 94 159	#BA5E9F
16.7%	16.7% #B04B90	RGB 176 75 144	#B04B90
33.3%	33.3% #A63A82	RGB 166 58 130	#A63A82
50.0%	50.0% #9D2B75	RGB 157 43 117	#9D2B75
66.7%	66.7% #931D67	RGB 147 29 103	#931D67
83.3%	83.3% #89105A	RGB 137 16 90	#89105A
100.0%	100.0% #80064E	RGB 128 6 78	#80064E

#BA5E9F #B04B90 #A63A82 #9D2B75 #931D67 #89105A #80064E

#BA5E9F - #9D2B75 - #80064E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5E9F 0%, #9D2B75 50%, #80064E 100%);
    background: -webkit-linear-gradient(top, #BA5E9F 0%, #9D2B75 50%, #80064E 100%);
    background: linear-gradient(to bottom, #BA5E9F 0%, #9D2B75 50%, #80064E 100%);
}
</style>