#D2B48C - #B17339 | 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 #D2B48C a #B17339

#D2B48C #B17339

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

#D2B48C - #B17339 | 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 #D2B48C come 0% e #B17339 come 100%.

0.0%	0.0% #D2B48C	RGB 210 180 140	#D2B48C
16.7%	16.7% #CCA97E	RGB 204 169 126	#CCA97E
33.3%	33.3% #C79E70	RGB 199 158 112	#C79E70
50.0%	50.0% #C19362	RGB 193 147 98	#C19362
66.7%	66.7% #BC8854	RGB 188 136 84	#BC8854
83.3%	83.3% #B67D46	RGB 182 125 70	#B67D46
100.0%	100.0% #B17339	RGB 177 115 57	#B17339

#D2B48C #CCA97E #C79E70 #C19362 #BC8854 #B67D46 #B17339

#D2B48C - #B17339

Miscela HSV

#D2B48C - #B17339 | 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 #D2B48C come 0% e #B17339 come 100%.

0.0%	0.0% #D2B48C	RGB 210 180 140	#D2B48C
16.7%	16.7% #CCA97C	RGB 204 169 124	#CCA97C
33.3%	33.3% #C79E6D	RGB 199 158 109	#C79E6D
50.0%	50.0% #C1935F	RGB 193 147 95	#C1935F
66.7%	66.7% #BC8852	RGB 188 136 82	#BC8852
83.3%	83.3% #B67D45	RGB 182 125 69	#B67D45
100.0%	100.0% #B17339	RGB 177 115 57	#B17339

#D2B48C #CCA97C #C79E6D #C1935F #BC8852 #B67D45 #B17339

#D2B48C - #C1935F - #B17339

Codici CSS

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

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