#DF5EDA - #AE1BA3 | 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 #DF5EDA a #AE1BA3

#DF5EDA #AE1BA3

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

#DF5EDA - #AE1BA3 | 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 #DF5EDA come 0% e #AE1BA3 come 100%.

0.0%	0.0% #DF5EDA	RGB 223 94 218	#DF5EDA
16.7%	16.7% #D652D0	RGB 214 82 208	#D652D0
33.3%	33.3% #CE47C7	RGB 206 71 199	#CE47C7
50.0%	50.0% #C63CBE	RGB 198 60 190	#C63CBE
66.7%	66.7% #BE31B5	RGB 190 49 181	#BE31B5
83.3%	83.3% #B626AC	RGB 182 38 172	#B626AC
100.0%	100.0% #AE1BA3	RGB 174 27 163	#AE1BA3

#DF5EDA #D652D0 #CE47C7 #C63CBE #BE31B5 #B626AC #AE1BA3

#DF5EDA - #AE1BA3

Miscela HSV

#DF5EDA - #AE1BA3 | 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 #DF5EDA come 0% e #AE1BA3 come 100%.

0.0%	0.0% #DF5EDA	RGB 223 94 218	#DF5EDA
16.7%	16.7% #D651D0	RGB 214 81 208	#D651D0
33.3%	33.3% #CE44C7	RGB 206 68 199	#CE44C7
50.0%	50.0% #C639BE	RGB 198 57 190	#C639BE
66.7%	66.7% #BE2EB5	RGB 190 46 181	#BE2EB5
83.3%	83.3% #B624AC	RGB 182 36 172	#B624AC
100.0%	100.0% #AE1BA3	RGB 174 27 163	#AE1BA3

#DF5EDA #D651D0 #CE44C7 #C639BE #BE2EB5 #B624AC #AE1BA3

#DF5EDA - #C639BE - #AE1BA3

Codici CSS

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

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