#DFDFDE - #B5AC93 | 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 #DFDFDE a #B5AC93

#DFDFDE #B5AC93

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

#DFDFDE - #B5AC93 | 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 #DFDFDE come 0% e #B5AC93 come 100%.

0.0%	0.0% #DFDFDE	RGB 223 223 222	#DFDFDE
16.7%	16.7% #D8D6D1	RGB 216 214 209	#D8D6D1
33.3%	33.3% #D1CEC5	RGB 209 206 197	#D1CEC5
50.0%	50.0% #CAC5B8	RGB 202 197 184	#CAC5B8
66.7%	66.7% #C3BDAC	RGB 195 189 172	#C3BDAC
83.3%	83.3% #BCB49F	RGB 188 180 159	#BCB49F
100.0%	100.0% #B5AC93	RGB 181 172 147	#B5AC93

#DFDFDE #D8D6D1 #D1CEC5 #CAC5B8 #C3BDAC #BCB49F #B5AC93

#DFDFDE - #B5AC93

Miscela HSV

#DFDFDE - #B5AC93 | 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 #DFDFDE come 0% e #B5AC93 come 100%.

0.0%	0.0% #DFDFDE	RGB 223 223 222	#DFDFDE
16.7%	16.7% #D8D7D0	RGB 216 215 208	#D8D7D0
33.3%	33.3% #D1CFC3	RGB 209 207 195	#D1CFC3
50.0%	50.0% #CAC7B6	RGB 202 199 182	#CAC7B6
66.7%	66.7% #C3BEAA	RGB 195 190 170	#C3BEAA
83.3%	83.3% #BCB59E	RGB 188 181 158	#BCB59E
100.0%	100.0% #B5AC93	RGB 181 172 147	#B5AC93

#DFDFDE #D8D7D0 #D1CFC3 #CAC7B6 #C3BEAA #BCB59E #B5AC93

#DFDFDE - #CAC7B6 - #B5AC93

Codici CSS

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

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