#E2DFDC - #CFB890 | 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 #E2DFDC a #CFB890

#E2DFDC #CFB890

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

#E2DFDC - #CFB890 | 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 #E2DFDC come 0% e #CFB890 come 100%.

0.0%	0.0% #E2DFDC	RGB 226 223 220	#E2DFDC
16.7%	16.7% #DED8CF	RGB 222 216 207	#DED8CF
33.3%	33.3% #DBD2C2	RGB 219 210 194	#DBD2C2
50.0%	50.0% #D8CBB6	RGB 216 203 182	#D8CBB6
66.7%	66.7% #D5C5A9	RGB 213 197 169	#D5C5A9
83.3%	83.3% #D2BE9C	RGB 210 190 156	#D2BE9C
100.0%	100.0% #CFB890	RGB 207 184 144	#CFB890

#E2DFDC #DED8CF #DBD2C2 #D8CBB6 #D5C5A9 #D2BE9C #CFB890

#E2DFDC - #CFB890

Miscela HSV

#E2DFDC - #CFB890 | 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 #E2DFDC come 0% e #CFB890 come 100%.

0.0%	0.0% #E2DFDC	RGB 226 223 220	#E2DFDC
16.7%	16.7% #DED7CE	RGB 222 215 206	#DED7CE
33.3%	33.3% #DBCFC1	RGB 219 207 193	#DBCFC1
50.0%	50.0% #D8C9B4	RGB 216 201 180	#D8C9B4
66.7%	66.7% #D5C2A8	RGB 213 194 168	#D5C2A8
83.3%	83.3% #D2BD9B	RGB 210 189 155	#D2BD9B
100.0%	100.0% #CFB890	RGB 207 184 144	#CFB890

#E2DFDC #DED7CE #DBCFC1 #D8C9B4 #D5C2A8 #D2BD9B #CFB890

#E2DFDC - #D8C9B4 - #CFB890

Codici CSS

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

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