#8C7E87 - #FFDF8C | 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 #8C7E87 a #FFDF8C

#8C7E87 #FFDF8C

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

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

0.0%	0.0% #8C7E87	RGB 140 126 135	#8C7E87
16.7%	16.7% #9F8E87	RGB 159 142 135	#9F8E87
33.3%	33.3% #B29E88	RGB 178 158 136	#B29E88
50.0%	50.0% #C5AE89	RGB 197 174 137	#C5AE89
66.7%	66.7% #D8BE8A	RGB 216 190 138	#D8BE8A
83.3%	83.3% #EBCE8B	RGB 235 206 139	#EBCE8B
100.0%	100.0% #FFDF8C	RGB 255 223 140	#FFDF8C

#8C7E87 #9F8E87 #B29E88 #C5AE89 #D8BE8A #EBCE8B #FFDF8C

#8C7E87 - #FFDF8C

Miscela HSV

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

0.0%	0.0% #8C7E87	RGB 140 126 135	#8C7E87
16.7%	16.7% #9F8590	RGB 159 133 144	#9F8590
33.3%	33.3% #B28B92	RGB 178 139 146	#B28B92
50.0%	50.0% #C5918F	RGB 197 145 143	#C5918F
66.7%	66.7% #D8A390	RGB 216 163 144	#D8A390
83.3%	83.3% #EBBD8F	RGB 235 189 143	#EBBD8F
100.0%	100.0% #FFDF8C	RGB 255 223 140	#FFDF8C

#8C7E87 #9F8590 #B28B92 #C5918F #D8A390 #EBBD8F #FFDF8C

#8C7E87 - #C5918F - #FFDF8C

Codici CSS

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

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