#DDD9C2 - #FFF2D4 | 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 #DDD9C2 a #FFF2D4

#DDD9C2 #FFF2D4

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

#DDD9C2 - #FFF2D4 | 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 #DDD9C2 come 0% e #FFF2D4 come 100%.

0.0%	0.0% #DDD9C2	RGB 221 217 194	#DDD9C2
16.7%	16.7% #E2DDC5	RGB 226 221 197	#E2DDC5
33.3%	33.3% #E8E1C8	RGB 232 225 200	#E8E1C8
50.0%	50.0% #EEE5CB	RGB 238 229 203	#EEE5CB
66.7%	66.7% #F3E9CE	RGB 243 233 206	#F3E9CE
83.3%	83.3% #F9EDD1	RGB 249 237 209	#F9EDD1
100.0%	100.0% #FFF2D4	RGB 255 242 212	#FFF2D4

#DDD9C2 #E2DDC5 #E8E1C8 #EEE5CB #F3E9CE #F9EDD1 #FFF2D4

#DDD9C2 - #FFF2D4

Miscela HSV

#DDD9C2 - #FFF2D4 | 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 #DDD9C2 come 0% e #FFF2D4 come 100%.

0.0%	0.0% #DDD9C2	RGB 221 217 194	#DDD9C2
16.7%	16.7% #E2DDC5	RGB 226 221 197	#E2DDC5
33.3%	33.3% #E8E1C8	RGB 232 225 200	#E8E1C8
50.0%	50.0% #EEE6CB	RGB 238 230 203	#EEE6CB
66.7%	66.7% #F3EACE	RGB 243 234 206	#F3EACE
83.3%	83.3% #F9EED1	RGB 249 238 209	#F9EED1
100.0%	100.0% #FFF2D4	RGB 255 242 212	#FFF2D4

#DDD9C2 #E2DDC5 #E8E1C8 #EEE6CB #F3EACE #F9EED1 #FFF2D4

#DDD9C2 - #EEE6CB - #FFF2D4

Codici CSS

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

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