#EBE3E9 - #FFFDFA | 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 #EBE3E9 a #FFFDFA

#EBE3E9 #FFFDFA

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

#EBE3E9 - #FFFDFA | 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 #EBE3E9 come 0% e #FFFDFA come 100%.

0.0%	0.0% #EBE3E9	RGB 235 227 233	#EBE3E9
16.7%	16.7% #EEE7EB	RGB 238 231 235	#EEE7EB
33.3%	33.3% #F1EBEE	RGB 241 235 238	#F1EBEE
50.0%	50.0% #F5F0F1	RGB 245 240 241	#F5F0F1
66.7%	66.7% #F8F4F4	RGB 248 244 244	#F8F4F4
83.3%	83.3% #FBF8F7	RGB 251 248 247	#FBF8F7
100.0%	100.0% #FFFDFA	RGB 255 253 250	#FFFDFA

#EBE3E9 #EEE7EB #F1EBEE #F5F0F1 #F8F4F4 #FBF8F7 #FFFDFA

#EBE3E9 - #FFFDFA

Miscela HSV

#EBE3E9 - #FFFDFA | 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 #EBE3E9 come 0% e #FFFDFA come 100%.

0.0%	0.0% #EBE3E9	RGB 235 227 233	#EBE3E9
16.7%	16.7% #EEE6EA	RGB 238 230 234	#EEE6EA
33.3%	33.3% #F1EAEC	RGB 241 234 236	#F1EAEC
50.0%	50.0% #F5EEEE	RGB 245 238 238	#F5EEEE
66.7%	66.7% #F8F3F2	RGB 248 243 242	#F8F3F2
83.3%	83.3% #FBF8F6	RGB 251 248 246	#FBF8F6
100.0%	100.0% #FFFDFA	RGB 255 253 250	#FFFDFA

#EBE3E9 #EEE6EA #F1EAEC #F5EEEE #F8F3F2 #FBF8F6 #FFFDFA

#EBE3E9 - #F5EEEE - #FFFDFA

Codici CSS

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

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