#9F989C - #FFB8C0 | 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 #9F989C a #FFB8C0

#9F989C #FFB8C0

Calcola il colore tra due colori, #9F989C e #FFB8C0. 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)

#9F989C - #FFB8C0 | 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 #9F989C come 0% e #FFB8C0 come 100%.

0.0%	0.0% #9F989C	RGB 159 152 156	#9F989C
16.7%	16.7% #AF9DA2	RGB 175 157 162	#AF9DA2
33.3%	33.3% #BFA2A8	RGB 191 162 168	#BFA2A8
50.0%	50.0% #CFA8AE	RGB 207 168 174	#CFA8AE
66.7%	66.7% #DFADB4	RGB 223 173 180	#DFADB4
83.3%	83.3% #EFB2BA	RGB 239 178 186	#EFB2BA
100.0%	100.0% #FFB8C0	RGB 255 184 192	#FFB8C0

#9F989C #AF9DA2 #BFA2A8 #CFA8AE #DFADB4 #EFB2BA #FFB8C0

#9F989C - #FFB8C0

Miscela HSV

#9F989C - #FFB8C0 | 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 #9F989C come 0% e #FFB8C0 come 100%.

0.0%	0.0% #9F989C	RGB 159 152 156	#9F989C
16.7%	16.7% #AFA0A7	RGB 175 160 167	#AFA0A7
33.3%	33.3% #BFA7B1	RGB 191 167 177	#BFA7B1
50.0%	50.0% #CFADB9	RGB 207 173 185	#CFADB9
66.7%	66.7% #DFB2BE	RGB 223 178 190	#DFB2BE
83.3%	83.3% #EFB5C0	RGB 239 181 192	#EFB5C0
100.0%	100.0% #FFB8C0	RGB 255 184 192	#FFB8C0

#9F989C #AFA0A7 #BFA7B1 #CFADB9 #DFB2BE #EFB5C0 #FFB8C0

#9F989C - #CFADB9 - #FFB8C0

Codici CSS

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

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