#D3C5E1 - #FFEDD8 | 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 #D3C5E1 a #FFEDD8

#D3C5E1 #FFEDD8

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

#D3C5E1 - #FFEDD8 | 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 #D3C5E1 come 0% e #FFEDD8 come 100%.

0.0%	0.0% #D3C5E1	RGB 211 197 225	#D3C5E1
16.7%	16.7% #DACBDF	RGB 218 203 223	#DACBDF
33.3%	33.3% #E1D2DE	RGB 225 210 222	#E1D2DE
50.0%	50.0% #E9D9DC	RGB 233 217 220	#E9D9DC
66.7%	66.7% #F0DFDB	RGB 240 223 219	#F0DFDB
83.3%	83.3% #F7E6D9	RGB 247 230 217	#F7E6D9
100.0%	100.0% #FFEDD8	RGB 255 237 216	#FFEDD8

#D3C5E1 #DACBDF #E1D2DE #E9D9DC #F0DFDB #F7E6D9 #FFEDD8

#D3C5E1 - #FFEDD8

Miscela HSV

#D3C5E1 - #FFEDD8 | 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 #D3C5E1 come 0% e #FFEDD8 come 100%.

0.0%	0.0% #D3C5E1	RGB 211 197 225	#D3C5E1
16.7%	16.7% #E1C8E6	RGB 225 200 230	#E1C8E6
33.3%	33.3% #EBCBE5	RGB 235 203 229	#EBCBE5
50.0%	50.0% #F0CEDE	RGB 240 206 222	#F0CEDE
66.7%	66.7% #F5D1D6	RGB 245 209 214	#F5D1D6
83.3%	83.3% #FADCD4	RGB 250 220 212	#FADCD4
100.0%	100.0% #FFEDD8	RGB 255 237 216	#FFEDD8

#D3C5E1 #E1C8E6 #EBCBE5 #F0CEDE #F5D1D6 #FADCD4 #FFEDD8

#D3C5E1 - #F0CEDE - #FFEDD8

Codici CSS

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

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