#503324 - #CDC4C0 | 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 #503324 a #CDC4C0

#503324 #CDC4C0

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

#503324 - #CDC4C0 | 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 #503324 come 0% e #CDC4C0 come 100%.

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #644B3E	RGB 100 75 62	#644B3E
33.3%	33.3% #796358	RGB 121 99 88	#796358
50.0%	50.0% #8E7B72	RGB 142 123 114	#8E7B72
66.7%	66.7% #A3938C	RGB 163 147 140	#A3938C
83.3%	83.3% #B8ABA6	RGB 184 171 166	#B8ABA6
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503324 #644B3E #796358 #8E7B72 #A3938C #B8ABA6 #CDC4C0

#503324 - #CDC4C0

Miscela HSV

#503324 - #CDC4C0 | 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 #503324 come 0% e #CDC4C0 come 100%.

0.0%	0.0% #503324	RGB 80 51 36	#503324
16.7%	16.7% #644535	RGB 100 69 53	#644535
33.3%	33.3% #795A4A	RGB 121 90 74	#795A4A
50.0%	50.0% #8E7062	RGB 142 112 98	#8E7062
66.7%	66.7% #A38A7E	RGB 163 138 126	#A38A7E
83.3%	83.3% #B8A59D	RGB 184 165 157	#B8A59D
100.0%	100.0% #CDC4C0	RGB 205 196 192	#CDC4C0

#503324 #644535 #795A4A #8E7062 #A38A7E #B8A59D #CDC4C0

#503324 - #8E7062 - #CDC4C0

Codici CSS

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

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