#AC3CBE - #E6C7EC | 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 #AC3CBE a #E6C7EC

#AC3CBE #E6C7EC

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

#AC3CBE - #E6C7EC | 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 #AC3CBE come 0% e #E6C7EC come 100%.

0.0%	0.0% #AC3CBE	RGB 172 60 190	#AC3CBE
16.7%	16.7% #B553C5	RGB 181 83 197	#B553C5
33.3%	33.3% #BF6ACD	RGB 191 106 205	#BF6ACD
50.0%	50.0% #C981D5	RGB 201 129 213	#C981D5
66.7%	66.7% #D298DC	RGB 210 152 220	#D298DC
83.3%	83.3% #DCAFE4	RGB 220 175 228	#DCAFE4
100.0%	100.0% #E6C7EC	RGB 230 199 236	#E6C7EC

#AC3CBE #B553C5 #BF6ACD #C981D5 #D298DC #DCAFE4 #E6C7EC

#AC3CBE - #E6C7EC

Miscela HSV

#AC3CBE - #E6C7EC | 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 #AC3CBE come 0% e #E6C7EC come 100%.

0.0%	0.0% #AC3CBE	RGB 172 60 190	#AC3CBE
16.7%	16.7% #B44FC5	RGB 180 79 197	#B44FC5
33.3%	33.3% #BE64CD	RGB 190 100 205	#BE64CD
50.0%	50.0% #C77BD5	RGB 199 123 213	#C77BD5
66.7%	66.7% #D193DC	RGB 209 147 220	#D193DC
83.3%	83.3% #DBACE4	RGB 219 172 228	#DBACE4
100.0%	100.0% #E6C7EC	RGB 230 199 236	#E6C7EC

#AC3CBE #B44FC5 #BE64CD #C77BD5 #D193DC #DBACE4 #E6C7EC

#AC3CBE - #C77BD5 - #E6C7EC

Codici CSS

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

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