#EEABA1 - #FAE7E4 | 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 #EEABA1 a #FAE7E4

#EEABA1 #FAE7E4

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

#EEABA1 - #FAE7E4 | 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 #EEABA1 come 0% e #FAE7E4 come 100%.

0.0%	0.0% #EEABA1	RGB 238 171 161	#EEABA1
16.7%	16.7% #F0B5AC	RGB 240 181 172	#F0B5AC
33.3%	33.3% #F2BFB7	RGB 242 191 183	#F2BFB7
50.0%	50.0% #F4C9C2	RGB 244 201 194	#F4C9C2
66.7%	66.7% #F6D3CD	RGB 246 211 205	#F6D3CD
83.3%	83.3% #F8DDD8	RGB 248 221 216	#F8DDD8
100.0%	100.0% #FAE7E4	RGB 250 231 228	#FAE7E4

#EEABA1 #F0B5AC #F2BFB7 #F4C9C2 #F6D3CD #F8DDD8 #FAE7E4

#EEABA1 - #FAE7E4

Miscela HSV

#EEABA1 - #FAE7E4 | 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 #EEABA1 come 0% e #FAE7E4 come 100%.

0.0%	0.0% #EEABA1	RGB 238 171 161	#EEABA1
16.7%	16.7% #F0B4AB	RGB 240 180 171	#F0B4AB
33.3%	33.3% #F2BEB6	RGB 242 190 182	#F2BEB6
50.0%	50.0% #F4C8C1	RGB 244 200 193	#F4C8C1
66.7%	66.7% #F6D2CD	RGB 246 210 205	#F6D2CD
83.3%	83.3% #F8DCD8	RGB 248 220 216	#F8DCD8
100.0%	100.0% #FAE7E4	RGB 250 231 228	#FAE7E4

#EEABA1 #F0B4AB #F2BEB6 #F4C8C1 #F6D2CD #F8DCD8 #FAE7E4

#EEABA1 - #F4C8C1 - #FAE7E4

Codici CSS

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

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