#E2D4D5 - #AF898E | 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 #E2D4D5 a #AF898E

#E2D4D5 #AF898E

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

#E2D4D5 - #AF898E | 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 #E2D4D5 come 0% e #AF898E come 100%.

0.0%	0.0% #E2D4D5	RGB 226 212 213	#E2D4D5
16.7%	16.7% #D9C7C9	RGB 217 199 201	#D9C7C9
33.3%	33.3% #D1BBBD	RGB 209 187 189	#D1BBBD
50.0%	50.0% #C8AEB1	RGB 200 174 177	#C8AEB1
66.7%	66.7% #C0A2A5	RGB 192 162 165	#C0A2A5
83.3%	83.3% #B79599	RGB 183 149 153	#B79599
100.0%	100.0% #AF898E	RGB 175 137 142	#AF898E

#E2D4D5 #D9C7C9 #D1BBBD #C8AEB1 #C0A2A5 #B79599 #AF898E

#E2D4D5 - #AF898E

Miscela HSV

#E2D4D5 - #AF898E | 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 #E2D4D5 come 0% e #AF898E come 100%.

0.0%	0.0% #E2D4D5	RGB 226 212 213	#E2D4D5
16.7%	16.7% #D9C6C7	RGB 217 198 199	#D9C6C7
33.3%	33.3% #D1B9BB	RGB 209 185 187	#D1B9BB
50.0%	50.0% #C8ACAF	RGB 200 172 175	#C8ACAF
66.7%	66.7% #C0A0A3	RGB 192 160 163	#C0A0A3
83.3%	83.3% #B79498	RGB 183 148 152	#B79498
100.0%	100.0% #AF898E	RGB 175 137 142	#AF898E

#E2D4D5 #D9C6C7 #D1B9BB #C8ACAF #C0A0A3 #B79498 #AF898E

#E2D4D5 - #C8ACAF - #AF898E

Codici CSS

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

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