#F9F5E7 - #DFCB9B | 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 #F9F5E7 a #DFCB9B

#F9F5E7 #DFCB9B

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

#F9F5E7 - #DFCB9B | 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 #F9F5E7 come 0% e #DFCB9B come 100%.

0.0%	0.0% #F9F5E7	RGB 249 245 231	#F9F5E7
16.7%	16.7% #F4EEDA	RGB 244 238 218	#F4EEDA
33.3%	33.3% #F0E7CD	RGB 240 231 205	#F0E7CD
50.0%	50.0% #ECE0C1	RGB 236 224 193	#ECE0C1
66.7%	66.7% #E7D9B4	RGB 231 217 180	#E7D9B4
83.3%	83.3% #E3D2A7	RGB 227 210 167	#E3D2A7
100.0%	100.0% #DFCB9B	RGB 223 203 155	#DFCB9B

#F9F5E7 #F4EEDA #F0E7CD #ECE0C1 #E7D9B4 #E3D2A7 #DFCB9B

#F9F5E7 - #DFCB9B

Miscela HSV

#F9F5E7 - #DFCB9B | 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 #F9F5E7 come 0% e #DFCB9B come 100%.

0.0%	0.0% #F9F5E7	RGB 249 245 231	#F9F5E7
16.7%	16.7% #F4EED9	RGB 244 238 217	#F4EED9
33.3%	33.3% #F0E7CC	RGB 240 231 204	#F0E7CC
50.0%	50.0% #ECE0BF	RGB 236 224 191	#ECE0BF
66.7%	66.7% #E7D9B2	RGB 231 217 178	#E7D9B2
83.3%	83.3% #E3D2A6	RGB 227 210 166	#E3D2A6
100.0%	100.0% #DFCB9B	RGB 223 203 155	#DFCB9B

#F9F5E7 #F4EED9 #F0E7CC #ECE0BF #E7D9B2 #E3D2A6 #DFCB9B

#F9F5E7 - #ECE0BF - #DFCB9B

Codici CSS

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

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