#200924 - #BFB8C0 | 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 #200924 a #BFB8C0

#200924 #BFB8C0

Calcola il colore tra due colori, #200924 e #BFB8C0. 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)

#200924 - #BFB8C0 | 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 #200924 come 0% e #BFB8C0 come 100%.

0.0%	0.0% #200924	RGB 32 9 36	#200924
16.7%	16.7% #3A263E	RGB 58 38 62	#3A263E
33.3%	33.3% #554358	RGB 85 67 88	#554358
50.0%	50.0% #6F6072	RGB 111 96 114	#6F6072
66.7%	66.7% #8A7D8C	RGB 138 125 140	#8A7D8C
83.3%	83.3% #A49AA6	RGB 164 154 166	#A49AA6
100.0%	100.0% #BFB8C0	RGB 191 184 192	#BFB8C0

#200924 #3A263E #554358 #6F6072 #8A7D8C #A49AA6 #BFB8C0

#200924 - #BFB8C0

Miscela HSV

#200924 - #BFB8C0 | 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 #200924 come 0% e #BFB8C0 come 100%.

0.0%	0.0% #200924	RGB 32 9 36	#200924
16.7%	16.7% #38163E	RGB 56 22 62	#38163E
33.3%	33.3% #512A58	RGB 81 42 88	#512A58
50.0%	50.0% #6B4472	RGB 107 68 114	#6B4472
66.7%	66.7% #86658C	RGB 134 101 140	#86658C
83.3%	83.3% #A28BA6	RGB 162 139 166	#A28BA6
100.0%	100.0% #BFB8C0	RGB 191 184 192	#BFB8C0

#200924 #38163E #512A58 #6B4472 #86658C #A28BA6 #BFB8C0

#200924 - #6B4472 - #BFB8C0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200924 0%, #6B4472 50%, #BFB8C0 100%);
    background: -webkit-linear-gradient(top, #200924 0%, #6B4472 50%, #BFB8C0 100%);
    background: linear-gradient(to bottom, #200924 0%, #6B4472 50%, #BFB8C0 100%);
}
</style>