#8C7E83 - #FCFF8C | 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 #8C7E83 a #FCFF8C

#8C7E83 #FCFF8C

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

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

0.0%	0.0% #8C7E83	RGB 140 126 131	#8C7E83
16.7%	16.7% #9E9384	RGB 158 147 132	#9E9384
33.3%	33.3% #B1A986	RGB 177 169 134	#B1A986
50.0%	50.0% #C4BE87	RGB 196 190 135	#C4BE87
66.7%	66.7% #D6D489	RGB 214 212 137	#D6D489
83.3%	83.3% #E9E98A	RGB 233 233 138	#E9E98A
100.0%	100.0% #FCFF8C	RGB 252 255 140	#FCFF8C

#8C7E83 #9E9384 #B1A986 #C4BE87 #D6D489 #E9E98A #FCFF8C

#8C7E83 - #FCFF8C

Miscela HSV

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

0.0%	0.0% #8C7E83	RGB 140 126 131	#8C7E83
16.7%	16.7% #9F8589	RGB 159 133 137	#9F8589
33.3%	33.3% #B28F8B	RGB 178 143 139	#B28F8B
50.0%	50.0% #C5A18F	RGB 197 161 143	#C5A18F
66.7%	66.7% #D8B990	RGB 216 185 144	#D8B990
83.3%	83.3% #EBD88F	RGB 235 216 143	#EBD88F
100.0%	100.0% #FCFF8C	RGB 252 255 140	#FCFF8C

#8C7E83 #9F8589 #B28F8B #C5A18F #D8B990 #EBD88F #FCFF8C

#8C7E83 - #C5A18F - #FCFF8C

Codici CSS

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

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