#DFBDB5 - #FFFBCD | 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 #DFBDB5 a #FFFBCD

#DFBDB5 #FFFBCD

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

#DFBDB5 - #FFFBCD | 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 #DFBDB5 come 0% e #FFFBCD come 100%.

0.0%	0.0% #DFBDB5	RGB 223 189 181	#DFBDB5
16.7%	16.7% #E4C7B9	RGB 228 199 185	#E4C7B9
33.3%	33.3% #E9D1BD	RGB 233 209 189	#E9D1BD
50.0%	50.0% #EFDCC1	RGB 239 220 193	#EFDCC1
66.7%	66.7% #F4E6C5	RGB 244 230 197	#F4E6C5
83.3%	83.3% #F9F0C9	RGB 249 240 201	#F9F0C9
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#DFBDB5 #E4C7B9 #E9D1BD #EFDCC1 #F4E6C5 #F9F0C9 #FFFBCD

#DFBDB5 - #FFFBCD

Miscela HSV

#DFBDB5 - #FFFBCD | 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 #DFBDB5 come 0% e #FFFBCD come 100%.

0.0%	0.0% #DFBDB5	RGB 223 189 181	#DFBDB5
16.7%	16.7% #E4C6B9	RGB 228 198 185	#E4C6B9
33.3%	33.3% #E9D0BD	RGB 233 208 189	#E9D0BD
50.0%	50.0% #EFDAC1	RGB 239 218 193	#EFDAC1
66.7%	66.7% #F4E5C5	RGB 244 229 197	#F4E5C5
83.3%	83.3% #F9EFC9	RGB 249 239 201	#F9EFC9
100.0%	100.0% #FFFBCD	RGB 255 251 205	#FFFBCD

#DFBDB5 #E4C6B9 #E9D0BD #EFDAC1 #F4E5C5 #F9EFC9 #FFFBCD

#DFBDB5 - #EFDAC1 - #FFFBCD

Codici CSS

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

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