#ADB49B - #B5FFB5 | 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 #ADB49B a #B5FFB5

#ADB49B #B5FFB5

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

#ADB49B - #B5FFB5 | 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 #ADB49B come 0% e #B5FFB5 come 100%.

0.0%	0.0% #ADB49B	RGB 173 180 155	#ADB49B
16.7%	16.7% #AEC09F	RGB 174 192 159	#AEC09F
33.3%	33.3% #AFCDA3	RGB 175 205 163	#AFCDA3
50.0%	50.0% #B1D9A8	RGB 177 217 168	#B1D9A8
66.7%	66.7% #B2E6AC	RGB 178 230 172	#B2E6AC
83.3%	83.3% #B3F2B0	RGB 179 242 176	#B3F2B0
100.0%	100.0% #B5FFB5	RGB 181 255 181	#B5FFB5

#ADB49B #AEC09F #AFCDA3 #B1D9A8 #B2E6AC #B3F2B0 #B5FFB5

#ADB49B - #B5FFB5

Miscela HSV

#ADB49B - #B5FFB5 | 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 #ADB49B come 0% e #B5FFB5 come 100%.

0.0%	0.0% #ADB49B	RGB 173 180 155	#ADB49B
16.7%	16.7% #B3C0A0	RGB 179 192 160	#B3C0A0
33.3%	33.3% #B8CDA6	RGB 184 205 166	#B8CDA6
50.0%	50.0% #BBD9AA	RGB 187 217 170	#BBD9AA
66.7%	66.7% #BCE6AE	RGB 188 230 174	#BCE6AE
83.3%	83.3% #B9F2B2	RGB 185 242 178	#B9F2B2
100.0%	100.0% #B5FFB5	RGB 181 255 181	#B5FFB5

#ADB49B #B3C0A0 #B8CDA6 #BBD9AA #BCE6AE #B9F2B2 #B5FFB5

#ADB49B - #BBD9AA - #B5FFB5

Codici CSS

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

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