#A879A8 - #FFBFA6 | 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 #A879A8 a #FFBFA6

#A879A8 #FFBFA6

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

#A879A8 - #FFBFA6 | 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 #A879A8 come 0% e #FFBFA6 come 100%.

0.0%	0.0% #A879A8	RGB 168 121 168	#A879A8
16.7%	16.7% #B684A7	RGB 182 132 167	#B684A7
33.3%	33.3% #C590A7	RGB 197 144 167	#C590A7
50.0%	50.0% #D39CA7	RGB 211 156 167	#D39CA7
66.7%	66.7% #E2A7A6	RGB 226 167 166	#E2A7A6
83.3%	83.3% #F0B3A6	RGB 240 179 166	#F0B3A6
100.0%	100.0% #FFBFA6	RGB 255 191 166	#FFBFA6

#A879A8 #B684A7 #C590A7 #D39CA7 #E2A7A6 #F0B3A6 #FFBFA6

#A879A8 - #FFBFA6

Miscela HSV

#A879A8 - #FFBFA6 | 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 #A879A8 come 0% e #FFBFA6 come 100%.

0.0%	0.0% #A879A8	RGB 168 121 168	#A879A8
16.7%	16.7% #B681AB	RGB 182 129 171	#B681AB
33.3%	33.3% #C589AB	RGB 197 137 171	#C589AB
50.0%	50.0% #D391A8	RGB 211 145 168	#D391A8
66.7%	66.7% #E298A3	RGB 226 152 163	#E298A3
83.3%	83.3% #F0A49F	RGB 240 164 159	#F0A49F
100.0%	100.0% #FFBFA6	RGB 255 191 166	#FFBFA6

#A879A8 #B681AB #C589AB #D391A8 #E298A3 #F0A49F #FFBFA6

#A879A8 - #D391A8 - #FFBFA6

Codici CSS

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

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