#A13CBB - #E3C7EB | 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 #A13CBB a #E3C7EB

#A13CBB #E3C7EB

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

#A13CBB - #E3C7EB | 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 #A13CBB come 0% e #E3C7EB come 100%.

0.0%	0.0% #A13CBB	RGB 161 60 187	#A13CBB
16.7%	16.7% #AC53C3	RGB 172 83 195	#AC53C3
33.3%	33.3% #B76ACB	RGB 183 106 203	#B76ACB
50.0%	50.0% #C281D3	RGB 194 129 211	#C281D3
66.7%	66.7% #CD98DB	RGB 205 152 219	#CD98DB
83.3%	83.3% #D8AFE3	RGB 216 175 227	#D8AFE3
100.0%	100.0% #E3C7EB	RGB 227 199 235	#E3C7EB

#A13CBB #AC53C3 #B76ACB #C281D3 #CD98DB #D8AFE3 #E3C7EB

#A13CBB - #E3C7EB

Miscela HSV

#A13CBB - #E3C7EB | 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 #A13CBB come 0% e #E3C7EB come 100%.

0.0%	0.0% #A03CBB	RGB 160 60 187	#A03CBB
16.7%	16.7% #AB4FC3	RGB 171 79 195	#AB4FC3
33.3%	33.3% #B564CB	RGB 181 100 203	#B564CB
50.0%	50.0% #C07BD3	RGB 192 123 211	#C07BD3
66.7%	66.7% #CB93DB	RGB 203 147 219	#CB93DB
83.3%	83.3% #D7ACE3	RGB 215 172 227	#D7ACE3
100.0%	100.0% #E3C7EB	RGB 227 199 235	#E3C7EB

#A03CBB #AB4FC3 #B564CB #C07BD3 #CB93DB #D7ACE3 #E3C7EB

#A13CBB - #C07BD3 - #E3C7EB

Codici CSS

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

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