#AB5EBE - #E7D1EC | 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 #AB5EBE a #E7D1EC

#AB5EBE #E7D1EC

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

#AB5EBE - #E7D1EC | 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 #AB5EBE come 0% e #E7D1EC come 100%.

0.0%	0.0% #AB5EBE	RGB 171 94 190	#AB5EBE
16.7%	16.7% #B571C5	RGB 181 113 197	#B571C5
33.3%	33.3% #BF84CD	RGB 191 132 205	#BF84CD
50.0%	50.0% #C997D5	RGB 201 151 213	#C997D5
66.7%	66.7% #D3AADC	RGB 211 170 220	#D3AADC
83.3%	83.3% #DDBDE4	RGB 221 189 228	#DDBDE4
100.0%	100.0% #E7D1EC	RGB 231 209 236	#E7D1EC

#AB5EBE #B571C5 #BF84CD #C997D5 #D3AADC #DDBDE4 #E7D1EC

#AB5EBE - #E7D1EC

Miscela HSV

#AB5EBE - #E7D1EC | 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 #AB5EBE come 0% e #E7D1EC come 100%.

0.0%	0.0% #AA5EBE	RGB 170 94 190	#AA5EBE
16.7%	16.7% #B46EC5	RGB 180 110 197	#B46EC5
33.3%	33.3% #BE80CD	RGB 190 128 205	#BE80CD
50.0%	50.0% #C893D5	RGB 200 147 213	#C893D5
66.7%	66.7% #D2A6DC	RGB 210 166 220	#D2A6DC
83.3%	83.3% #DCBBE4	RGB 220 187 228	#DCBBE4
100.0%	100.0% #E7D1EC	RGB 231 209 236	#E7D1EC

#AA5EBE #B46EC5 #BE80CD #C893D5 #D2A6DC #DCBBE4 #E7D1EC

#AB5EBE - #C893D5 - #E7D1EC

Codici CSS

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

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