#B9A1A8 - #A04B5B | 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 #B9A1A8 a #A04B5B

#B9A1A8 #A04B5B

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

#B9A1A8 - #A04B5B | 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 #B9A1A8 come 0% e #A04B5B come 100%.

0.0%	0.0% #B9A1A8	RGB 185 161 168	#B9A1A8
16.7%	16.7% #B4929B	RGB 180 146 155	#B4929B
33.3%	33.3% #B0848E	RGB 176 132 142	#B0848E
50.0%	50.0% #AC7681	RGB 172 118 129	#AC7681
66.7%	66.7% #A86774	RGB 168 103 116	#A86774
83.3%	83.3% #A45967	RGB 164 89 103	#A45967
100.0%	100.0% #A04B5B	RGB 160 75 91	#A04B5B

#B9A1A8 #B4929B #B0848E #AC7681 #A86774 #A45967 #A04B5B

#B9A1A8 - #A04B5B

Miscela HSV

#B9A1A8 - #A04B5B | 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 #B9A1A8 come 0% e #A04B5B come 100%.

0.0%	0.0% #B9A1A8	RGB 185 161 168	#B9A1A8
16.7%	16.7% #B4919B	RGB 180 145 155	#B4919B
33.3%	33.3% #B0828E	RGB 176 130 142	#B0828E
50.0%	50.0% #AC7381	RGB 172 115 129	#AC7381
66.7%	66.7% #A86574	RGB 168 101 116	#A86574
83.3%	83.3% #A45767	RGB 164 87 103	#A45767
100.0%	100.0% #A04B5B	RGB 160 75 91	#A04B5B

#B9A1A8 #B4919B #B0828E #AC7381 #A86574 #A45767 #A04B5B

#B9A1A8 - #AC7381 - #A04B5B

Codici CSS

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

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