#AABCA8 - #ECE3B4 | 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 #AABCA8 a #ECE3B4

#AABCA8 #ECE3B4

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

#AABCA8 - #ECE3B4 | 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 #AABCA8 come 0% e #ECE3B4 come 100%.

0.0%	0.0% #AABCA8	RGB 170 188 168	#AABCA8
16.7%	16.7% #B5C2AA	RGB 181 194 170	#B5C2AA
33.3%	33.3% #C0C9AC	RGB 192 201 172	#C0C9AC
50.0%	50.0% #CBCFAE	RGB 203 207 174	#CBCFAE
66.7%	66.7% #D6D6B0	RGB 214 214 176	#D6D6B0
83.3%	83.3% #E1DCB2	RGB 225 220 178	#E1DCB2
100.0%	100.0% #ECE3B4	RGB 236 227 180	#ECE3B4

#AABCA8 #B5C2AA #C0C9AC #CBCFAE #D6D6B0 #E1DCB2 #ECE3B4

#AABCA8 - #ECE3B4

Miscela HSV

#AABCA8 - #ECE3B4 | 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 #AABCA8 come 0% e #ECE3B4 come 100%.

0.0%	0.0% #AABCA8	RGB 170 188 168	#AABCA8
16.7%	16.7% #B1C4AA	RGB 177 196 170	#B1C4AA
33.3%	33.3% #BBCCAD	RGB 187 204 173	#BBCCAD
50.0%	50.0% #C6D4AF	RGB 198 212 175	#C6D4AF
66.7%	66.7% #D3DCB1	RGB 211 220 177	#D3DCB1
83.3%	83.3% #E3E4B2	RGB 227 228 178	#E3E4B2
100.0%	100.0% #ECE3B4	RGB 236 227 180	#ECE3B4

#AABCA8 #B1C4AA #BBCCAD #C6D4AF #D3DCB1 #E3E4B2 #ECE3B4

#AABCA8 - #C6D4AF - #ECE3B4

Codici CSS

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

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