#8F8C5E - #B0AEC4 | 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 #8F8C5E a #B0AEC4

#8F8C5E #B0AEC4

Calcola il colore tra due colori, #8F8C5E e #B0AEC4. 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)

#8F8C5E - #B0AEC4 | 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 #8F8C5E come 0% e #B0AEC4 come 100%.

0.0%	0.0% #8F8C5E	RGB 143 140 94	#8F8C5E
16.7%	16.7% #94916F	RGB 148 145 111	#94916F
33.3%	33.3% #9A9780	RGB 154 151 128	#9A9780
50.0%	50.0% #9F9D91	RGB 159 157 145	#9F9D91
66.7%	66.7% #A5A2A2	RGB 165 162 162	#A5A2A2
83.3%	83.3% #AAA8B3	RGB 170 168 179	#AAA8B3
100.0%	100.0% #B0AEC4	RGB 176 174 196	#B0AEC4

#8F8C5E #94916F #9A9780 #9F9D91 #A5A2A2 #AAA8B3 #B0AEC4

#8F8C5E - #B0AEC4

Miscela HSV

#8F8C5E - #B0AEC4 | 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 #8F8C5E come 0% e #B0AEC4 come 100%.

0.0%	0.0% #8F8C5E	RGB 143 140 94	#8F8C5E
16.7%	16.7% #977F69	RGB 151 127 105	#977F69
33.3%	33.3% #A07576	RGB 160 117 118	#A07576
50.0%	50.0% #A98295	RGB 169 130 149	#A98295
66.7%	66.7% #B290B0	RGB 178 144 176	#B290B0
83.3%	83.3% #AE9EBB	RGB 174 158 187	#AE9EBB
100.0%	100.0% #B0AEC4	RGB 176 174 196	#B0AEC4

#8F8C5E #977F69 #A07576 #A98295 #B290B0 #AE9EBB #B0AEC4

#8F8C5E - #A98295 - #B0AEC4

Codici CSS

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

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