#DEC3E4 - #FFEDD9 | 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 #DEC3E4 a #FFEDD9

#DEC3E4 #FFEDD9

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

#DEC3E4 - #FFEDD9 | 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 #DEC3E4 come 0% e #FFEDD9 come 100%.

0.0%	0.0% #DEC3E4	RGB 222 195 228	#DEC3E4
16.7%	16.7% #E3CAE2	RGB 227 202 226	#E3CAE2
33.3%	33.3% #E9D1E0	RGB 233 209 224	#E9D1E0
50.0%	50.0% #EED8DE	RGB 238 216 222	#EED8DE
66.7%	66.7% #F4DFDC	RGB 244 223 220	#F4DFDC
83.3%	83.3% #F9E6DA	RGB 249 230 218	#F9E6DA
100.0%	100.0% #FFEDD9	RGB 255 237 217	#FFEDD9

#DEC3E4 #E3CAE2 #E9D1E0 #EED8DE #F4DFDC #F9E6DA #FFEDD9

#DEC3E4 - #FFEDD9

Miscela HSV

#DEC3E4 - #FFEDD9 | 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 #DEC3E4 come 0% e #FFEDD9 come 100%.

0.0%	0.0% #DEC3E4	RGB 222 195 228	#DEC3E4
16.7%	16.7% #E8C6E5	RGB 232 198 229	#E8C6E5
33.3%	33.3% #EDCADF	RGB 237 202 223	#EDCADF
50.0%	50.0% #F1CED9	RGB 241 206 217	#F1CED9
66.7%	66.7% #F6D1D3	RGB 246 209 211	#F6D1D3
83.3%	83.3% #FADED5	RGB 250 222 213	#FADED5
100.0%	100.0% #FFEDD9	RGB 255 237 217	#FFEDD9

#DEC3E4 #E8C6E5 #EDCADF #F1CED9 #F6D1D3 #FADED5 #FFEDD9

#DEC3E4 - #F1CED9 - #FFEDD9

Codici CSS

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

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