#AAB666 - #E6EAD3 | 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 #AAB666 a #E6EAD3

#AAB666 #E6EAD3

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

#AAB666 - #E6EAD3 | 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 #AAB666 come 0% e #E6EAD3 come 100%.

0.0%	0.0% #AAB666	RGB 170 182 102	#AAB666
16.7%	16.7% #B4BE78	RGB 180 190 120	#B4BE78
33.3%	33.3% #BEC78A	RGB 190 199 138	#BEC78A
50.0%	50.0% #C8D09C	RGB 200 208 156	#C8D09C
66.7%	66.7% #D2D8AE	RGB 210 216 174	#D2D8AE
83.3%	83.3% #DCE1C0	RGB 220 225 192	#DCE1C0
100.0%	100.0% #E6EAD3	RGB 230 234 211	#E6EAD3

#AAB666 #B4BE78 #BEC78A #C8D09C #D2D8AE #DCE1C0 #E6EAD3

#AAB666 - #E6EAD3

Miscela HSV

#AAB666 - #E6EAD3 | 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 #AAB666 come 0% e #E6EAD3 come 100%.

0.0%	0.0% #AAB666	RGB 170 182 102	#AAB666
16.7%	16.7% #B3BE75	RGB 179 190 117	#B3BE75
33.3%	33.3% #BDC786	RGB 189 199 134	#BDC786
50.0%	50.0% #C6D098	RGB 198 208 152	#C6D098
66.7%	66.7% #D1D8AA	RGB 209 216 170	#D1D8AA
83.3%	83.3% #DBE1BE	RGB 219 225 190	#DBE1BE
100.0%	100.0% #E6EAD3	RGB 230 234 211	#E6EAD3

#AAB666 #B3BE75 #BDC786 #C6D098 #D1D8AA #DBE1BE #E6EAD3

#AAB666 - #C6D098 - #E6EAD3

Codici CSS

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

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