#F5E5E2 - #D9AC96 | 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 #F5E5E2 a #D9AC96

#F5E5E2 #D9AC96

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

#F5E5E2 - #D9AC96 | 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 #F5E5E2 come 0% e #D9AC96 come 100%.

0.0%	0.0% #F5E5E2	RGB 245 229 226	#F5E5E2
16.7%	16.7% #F0DBD5	RGB 240 219 213	#F0DBD5
33.3%	33.3% #EBD2C8	RGB 235 210 200	#EBD2C8
50.0%	50.0% #E7C8BC	RGB 231 200 188	#E7C8BC
66.7%	66.7% #E2BFAF	RGB 226 191 175	#E2BFAF
83.3%	83.3% #DDB5A2	RGB 221 181 162	#DDB5A2
100.0%	100.0% #D9AC96	RGB 217 172 150	#D9AC96

#F5E5E2 #F0DBD5 #EBD2C8 #E7C8BC #E2BFAF #DDB5A2 #D9AC96

#F5E5E2 - #D9AC96

Miscela HSV

#F5E5E2 - #D9AC96 | 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 #F5E5E2 come 0% e #D9AC96 come 100%.

0.0%	0.0% #F5E5E2	RGB 245 229 226	#F5E5E2
16.7%	16.7% #F0D9D4	RGB 240 217 212	#F0D9D4
33.3%	33.3% #EBCFC7	RGB 235 207 199	#EBCFC7
50.0%	50.0% #E7C5BA	RGB 231 197 186	#E7C5BA
66.7%	66.7% #E2BCAD	RGB 226 188 173	#E2BCAD
83.3%	83.3% #DDB3A1	RGB 221 179 161	#DDB3A1
100.0%	100.0% #D9AC96	RGB 217 172 150	#D9AC96

#F5E5E2 #F0D9D4 #EBCFC7 #E7C5BA #E2BCAD #DDB3A1 #D9AC96

#F5E5E2 - #E7C5BA - #D9AC96

Codici CSS

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

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