#E09A8C - #FCE1B0 | 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 #E09A8C a #FCE1B0

#E09A8C #FCE1B0

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

#E09A8C - #FCE1B0 | 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 #E09A8C come 0% e #FCE1B0 come 100%.

0.0%	0.0% #E09A8C	RGB 224 154 140	#E09A8C
16.7%	16.7% #E4A592	RGB 228 165 146	#E4A592
33.3%	33.3% #E9B198	RGB 233 177 152	#E9B198
50.0%	50.0% #EEBD9E	RGB 238 189 158	#EEBD9E
66.7%	66.7% #F2C9A4	RGB 242 201 164	#F2C9A4
83.3%	83.3% #F7D5AA	RGB 247 213 170	#F7D5AA
100.0%	100.0% #FCE1B0	RGB 252 225 176	#FCE1B0

#E09A8C #E4A592 #E9B198 #EEBD9E #F2C9A4 #F7D5AA #FCE1B0

#E09A8C - #FCE1B0

Miscela HSV

#E09A8C - #FCE1B0 | 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 #E09A8C come 0% e #FCE1B0 come 100%.

0.0%	0.0% #E09A8C	RGB 224 154 140	#E09A8C
16.7%	16.7% #E4A691	RGB 228 166 145	#E4A691
33.3%	33.3% #E9B297	RGB 233 178 151	#E9B297
50.0%	50.0% #EEBE9D	RGB 238 190 157	#EEBE9D
66.7%	66.7% #F2C9A3	RGB 242 201 163	#F2C9A3
83.3%	83.3% #F7D5A9	RGB 247 213 169	#F7D5A9
100.0%	100.0% #FCE1B0	RGB 252 225 176	#FCE1B0

#E09A8C #E4A691 #E9B297 #EEBE9D #F2C9A3 #F7D5A9 #FCE1B0

#E09A8C - #EEBE9D - #FCE1B0

Codici CSS

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

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