#8F8889 - #FFCB9F | 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 #8F8889 a #FFCB9F

#8F8889 #FFCB9F

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

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

0.0%	0.0% #8F8889	RGB 143 136 137	#8F8889
16.7%	16.7% #A1938C	RGB 161 147 140	#A1938C
33.3%	33.3% #B49E90	RGB 180 158 144	#B49E90
50.0%	50.0% #C7A994	RGB 199 169 148	#C7A994
66.7%	66.7% #D9B497	RGB 217 180 151	#D9B497
83.3%	83.3% #ECBF9B	RGB 236 191 155	#ECBF9B
100.0%	100.0% #FFCB9F	RGB 255 203 159	#FFCB9F

#8F8889 #A1938C #B49E90 #C7A994 #D9B497 #ECBF9B #FFCB9F

#8F8889 - #FFCB9F

Miscela HSV

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

0.0%	0.0% #8F8889	RGB 143 136 137	#8F8889
16.7%	16.7% #A19091	RGB 161 144 145	#A19091
33.3%	33.3% #B49997	RGB 180 153 151	#B49997
50.0%	50.0% #C7A39C	RGB 199 163 156	#C7A39C
66.7%	66.7% #D9AE9F	RGB 217 174 159	#D9AE9F
83.3%	83.3% #ECBBA0	RGB 236 187 160	#ECBBA0
100.0%	100.0% #FFCB9F	RGB 255 203 159	#FFCB9F

#8F8889 #A19091 #B49997 #C7A39C #D9AE9F #ECBBA0 #FFCB9F

#8F8889 - #C7A39C - #FFCB9F

Codici CSS

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

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