#BA4A8C - #EBCBDE | 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 #BA4A8C a #EBCBDE

#BA4A8C #EBCBDE

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

#BA4A8C - #EBCBDE | 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 #BA4A8C come 0% e #EBCBDE come 100%.

0.0%	0.0% #BA4A8C	RGB 186 74 140	#BA4A8C
16.7%	16.7% #C25F99	RGB 194 95 153	#C25F99
33.3%	33.3% #CA75A7	RGB 202 117 167	#CA75A7
50.0%	50.0% #D28AB5	RGB 210 138 181	#D28AB5
66.7%	66.7% #DAA0C2	RGB 218 160 194	#DAA0C2
83.3%	83.3% #E2B5D0	RGB 226 181 208	#E2B5D0
100.0%	100.0% #EBCBDE	RGB 235 203 222	#EBCBDE

#BA4A8C #C25F99 #CA75A7 #D28AB5 #DAA0C2 #E2B5D0 #EBCBDE

#BA4A8C - #EBCBDE

Miscela HSV

#BA4A8C - #EBCBDE | 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 #BA4A8C come 0% e #EBCBDE come 100%.

0.0%	0.0% #BA4A8B	RGB 186 74 139	#BA4A8B
16.7%	16.7% #C25C98	RGB 194 92 152	#C25C98
33.3%	33.3% #CA6FA5	RGB 202 111 165	#CA6FA5
50.0%	50.0% #D284B2	RGB 210 132 178	#D284B2
66.7%	66.7% #DA9AC0	RGB 218 154 192	#DA9AC0
83.3%	83.3% #E2B2CF	RGB 226 178 207	#E2B2CF
100.0%	100.0% #EBCBDE	RGB 235 203 222	#EBCBDE

#BA4A8B #C25C98 #CA6FA5 #D284B2 #DA9AC0 #E2B2CF #EBCBDE

#BA4A8C - #D284B2 - #EBCBDE

Codici CSS

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

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