#ADAFAC - #E2B7B7 | 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 #ADAFAC a #E2B7B7

#ADAFAC #E2B7B7

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

#ADAFAC - #E2B7B7 | 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 #ADAFAC come 0% e #E2B7B7 come 100%.

0.0%	0.0% #ADAFAC	RGB 173 175 172	#ADAFAC
16.7%	16.7% #B5B0AD	RGB 181 176 173	#B5B0AD
33.3%	33.3% #BEB1AF	RGB 190 177 175	#BEB1AF
50.0%	50.0% #C7B3B1	RGB 199 179 177	#C7B3B1
66.7%	66.7% #D0B4B3	RGB 208 180 179	#D0B4B3
83.3%	83.3% #D9B5B5	RGB 217 181 181	#D9B5B5
100.0%	100.0% #E2B7B7	RGB 226 183 183	#E2B7B7

#ADAFAC #B5B0AD #BEB1AF #C7B3B1 #D0B4B3 #D9B5B5 #E2B7B7

#ADAFAC - #E2B7B7

Miscela HSV

#ADAFAC - #E2B7B7 | 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 #ADAFAC come 0% e #E2B7B7 come 100%.

0.0%	0.0% #ADAFAC	RGB 173 175 172	#ADAFAC
16.7%	16.7% #B4B7AF	RGB 180 183 175	#B4B7AF
33.3%	33.3% #BEC0B1	RGB 190 192 177	#BEC0B1
50.0%	50.0% #C8C5B3	RGB 200 197 179	#C8C5B3
66.7%	66.7% #D1C4B5	RGB 209 196 181	#D1C4B5
83.3%	83.3% #D9C0B6	RGB 217 192 182	#D9C0B6
100.0%	100.0% #E2B7B7	RGB 226 183 183	#E2B7B7

#ADAFAC #B4B7AF #BEC0B1 #C8C5B3 #D1C4B5 #D9C0B6 #E2B7B7

#ADAFAC - #C8C5B3 - #E2B7B7

Codici CSS

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

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