#A8B1C6 - #E5E3D0 | 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 #A8B1C6 a #E5E3D0

#A8B1C6 #E5E3D0

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

#A8B1C6 - #E5E3D0 | 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 #A8B1C6 come 0% e #E5E3D0 come 100%.

0.0%	0.0% #A8B1C6	RGB 168 177 198	#A8B1C6
16.7%	16.7% #B2B9C7	RGB 178 185 199	#B2B9C7
33.3%	33.3% #BCC1C9	RGB 188 193 201	#BCC1C9
50.0%	50.0% #C6CACB	RGB 198 202 203	#C6CACB
66.7%	66.7% #D0D2CC	RGB 208 210 204	#D0D2CC
83.3%	83.3% #DADACE	RGB 218 218 206	#DADACE
100.0%	100.0% #E5E3D0	RGB 229 227 208	#E5E3D0

#A8B1C6 #B2B9C7 #BCC1C9 #C6CACB #D0D2CC #DADACE #E5E3D0

#A8B1C6 - #E5E3D0

Miscela HSV

#A8B1C6 - #E5E3D0 | 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 #A8B1C6 come 0% e #E5E3D0 come 100%.

0.0%	0.0% #A8B1C6	RGB 168 177 198	#A8B1C6
16.7%	16.7% #AEC4CB	RGB 174 196 203	#AEC4CB
33.3%	33.3% #B4D0C9	RGB 180 208 201	#B4D0C9
50.0%	50.0% #BBD5C3	RGB 187 213 195	#BBD5C3
66.7%	66.7% #C6DAC2	RGB 198 218 194	#C6DAC2
83.3%	83.3% #D7DFC9	RGB 215 223 201	#D7DFC9
100.0%	100.0% #E5E3D0	RGB 229 227 208	#E5E3D0

#A8B1C6 #AEC4CB #B4D0C9 #BBD5C3 #C6DAC2 #D7DFC9 #E5E3D0

#A8B1C6 - #BBD5C3 - #E5E3D0

Codici CSS

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

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