#A28EB6 - #FFCFB6 | 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 #A28EB6 a #FFCFB6

#A28EB6 #FFCFB6

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

#A28EB6 - #FFCFB6 | 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 #A28EB6 come 0% e #FFCFB6 come 100%.

0.0%	0.0% #A28EB6	RGB 162 142 182	#A28EB6
16.7%	16.7% #B198B6	RGB 177 152 182	#B198B6
33.3%	33.3% #C1A3B6	RGB 193 163 182	#C1A3B6
50.0%	50.0% #D0AEB6	RGB 208 174 182	#D0AEB6
66.7%	66.7% #E0B9B6	RGB 224 185 182	#E0B9B6
83.3%	83.3% #EFC4B6	RGB 239 196 182	#EFC4B6
100.0%	100.0% #FFCFB6	RGB 255 207 182	#FFCFB6

#A28EB6 #B198B6 #C1A3B6 #D0AEB6 #E0B9B6 #EFC4B6 #FFCFB6

#A28EB6 - #FFCFB6

Miscela HSV

#A28EB6 - #FFCFB6 | 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 #A28EB6 come 0% e #FFCFB6 come 100%.

0.0%	0.0% #A28EB6	RGB 162 142 182	#A28EB6
16.7%	16.7% #B995C2	RGB 185 149 194	#B995C2
33.3%	33.3% #CE9CC8	RGB 206 156 200	#CE9CC8
50.0%	50.0% #DAA3C3	RGB 218 163 195	#DAA3C3
66.7%	66.7% #E6A9BA	RGB 230 169 186	#E6A9BA
83.3%	83.3% #F2B2B0	RGB 242 178 176	#F2B2B0
100.0%	100.0% #FFCFB6	RGB 255 207 182	#FFCFB6

#A28EB6 #B995C2 #CE9CC8 #DAA3C3 #E6A9BA #F2B2B0 #FFCFB6

#A28EB6 - #DAA3C3 - #FFCFB6

Codici CSS

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

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