#AD5EB6 - #FEB2BA | 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 #AD5EB6 a #FEB2BA

#AD5EB6 #FEB2BA

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

#AD5EB6 - #FEB2BA | 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 #AD5EB6 come 0% e #FEB2BA come 100%.

0.0%	0.0% #AD5EB6	RGB 173 94 182	#AD5EB6
16.7%	16.7% #BA6CB6	RGB 186 108 182	#BA6CB6
33.3%	33.3% #C87AB7	RGB 200 122 183	#C87AB7
50.0%	50.0% #D588B8	RGB 213 136 184	#D588B8
66.7%	66.7% #E396B8	RGB 227 150 184	#E396B8
83.3%	83.3% #F0A4B9	RGB 240 164 185	#F0A4B9
100.0%	100.0% #FEB2BA	RGB 254 178 186	#FEB2BA

#AD5EB6 #BA6CB6 #C87AB7 #D588B8 #E396B8 #F0A4B9 #FEB2BA

#AD5EB6 - #FEB2BA

Miscela HSV

#AD5EB6 - #FEB2BA | 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 #AD5EB6 come 0% e #FEB2BA come 100%.

0.0%	0.0% #AD5EB6	RGB 173 94 182	#AD5EB6
16.7%	16.7% #C26ABC	RGB 194 106 188	#C26ABC
33.3%	33.3% #CE77B9	RGB 206 119 185	#CE77B9
50.0%	50.0% #DA84B8	RGB 218 132 184	#DA84B8
66.7%	66.7% #E693B7	RGB 230 147 183	#E693B7
83.3%	83.3% #F2A2B7	RGB 242 162 183	#F2A2B7
100.0%	100.0% #FEB2BA	RGB 254 178 186	#FEB2BA

#AD5EB6 #C26ABC #CE77B9 #DA84B8 #E693B7 #F2A2B7 #FEB2BA

#AD5EB6 - #DA84B8 - #FEB2BA

Codici CSS

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

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