#FFE7DA - #DBBD7E | 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 #FFE7DA a #DBBD7E

#FFE7DA #DBBD7E

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

#FFE7DA - #DBBD7E | 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 #FFE7DA come 0% e #DBBD7E come 100%.

0.0%	0.0% #FFE7DA	RGB 255 231 218	#FFE7DA
16.7%	16.7% #F9E0CA	RGB 249 224 202	#F9E0CA
33.3%	33.3% #F3D9BB	RGB 243 217 187	#F3D9BB
50.0%	50.0% #EDD2AC	RGB 237 210 172	#EDD2AC
66.7%	66.7% #E7CB9C	RGB 231 203 156	#E7CB9C
83.3%	83.3% #E1C48D	RGB 225 196 141	#E1C48D
100.0%	100.0% #DBBD7E	RGB 219 189 126	#DBBD7E

#FFE7DA #F9E0CA #F3D9BB #EDD2AC #E7CB9C #E1C48D #DBBD7E

#FFE7DA - #DBBD7E

Miscela HSV

#FFE7DA - #DBBD7E | 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 #FFE7DA come 0% e #DBBD7E come 100%.

0.0%	0.0% #FFE7DA	RGB 255 231 218	#FFE7DA
16.7%	16.7% #F9DCC9	RGB 249 220 201	#F9DCC9
33.3%	33.3% #F3D3B9	RGB 243 211 185	#F3D3B9
50.0%	50.0% #EDCCA9	RGB 237 204 169	#EDCCA9
66.7%	66.7% #E7C59A	RGB 231 197 154	#E7C59A
83.3%	83.3% #E1C08B	RGB 225 192 139	#E1C08B
100.0%	100.0% #DBBD7E	RGB 219 189 126	#DBBD7E

#FFE7DA #F9DCC9 #F3D3B9 #EDCCA9 #E7C59A #E1C08B #DBBD7E

#FFE7DA - #EDCCA9 - #DBBD7E

Codici CSS

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

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