#A854A8 - #FEA7AC | 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 #A854A8 a #FEA7AC

#A854A8 #FEA7AC

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

#A854A8 - #FEA7AC | 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 #A854A8 come 0% e #FEA7AC come 100%.

0.0%	0.0% #A854A8	RGB 168 84 168	#A854A8
16.7%	16.7% #B661A8	RGB 182 97 168	#B661A8
33.3%	33.3% #C46FA9	RGB 196 111 169	#C46FA9
50.0%	50.0% #D37DAA	RGB 211 125 170	#D37DAA
66.7%	66.7% #E18BAA	RGB 225 139 170	#E18BAA
83.3%	83.3% #EF99AB	RGB 239 153 171	#EF99AB
100.0%	100.0% #FEA7AC	RGB 254 167 172	#FEA7AC

#A854A8 #B661A8 #C46FA9 #D37DAA #E18BAA #EF99AB #FEA7AC

#A854A8 - #FEA7AC

Miscela HSV

#A854A8 - #FEA7AC | 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 #A854A8 come 0% e #FEA7AC come 100%.

0.0%	0.0% #A754A8	RGB 167 84 168	#A754A8
16.7%	16.7% #B65FA8	RGB 182 95 168	#B65FA8
33.3%	33.3% #C46CA9	RGB 196 108 169	#C46CA9
50.0%	50.0% #D37AA9	RGB 211 122 169	#D37AA9
66.7%	66.7% #E188A9	RGB 225 136 169	#E188A9
83.3%	83.3% #EF97AA	RGB 239 151 170	#EF97AA
100.0%	100.0% #FEA7AC	RGB 254 167 172	#FEA7AC

#A754A8 #B65FA8 #C46CA9 #D37AA9 #E188A9 #EF97AA #FEA7AC

#A854A8 - #D37AA9 - #FEA7AC

Codici CSS

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

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