#AFBAAE - #C0FFE5 | 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 #AFBAAE a #C0FFE5

#AFBAAE #C0FFE5

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

#AFBAAE - #C0FFE5 | 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 #AFBAAE come 0% e #C0FFE5 come 100%.

0.0%	0.0% #AFBAAE	RGB 175 186 174	#AFBAAE
16.7%	16.7% #B1C5B7	RGB 177 197 183	#B1C5B7
33.3%	33.3% #B4D1C0	RGB 180 209 192	#B4D1C0
50.0%	50.0% #B7DCC9	RGB 183 220 201	#B7DCC9
66.7%	66.7% #BAE8D2	RGB 186 232 210	#BAE8D2
83.3%	83.3% #BDF3DB	RGB 189 243 219	#BDF3DB
100.0%	100.0% #C0FFE5	RGB 192 255 229	#C0FFE5

#AFBAAE #B1C5B7 #B4D1C0 #B7DCC9 #BAE8D2 #BDF3DB #C0FFE5

#AFBAAE - #C0FFE5

Miscela HSV

#AFBAAE - #C0FFE5 | 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 #AFBAAE come 0% e #C0FFE5 come 100%.

0.0%	0.0% #AFBAAE	RGB 175 186 174	#AFBAAE
16.7%	16.7% #B2C5B3	RGB 178 197 179	#B2C5B3
33.3%	33.3% #B6D1BA	RGB 182 209 186	#B6D1BA
50.0%	50.0% #BADCC2	RGB 186 220 194	#BADCC2
66.7%	66.7% #BCE8CC	RGB 188 232 204	#BCE8CC
83.3%	83.3% #BEF3D7	RGB 190 243 215	#BEF3D7
100.0%	100.0% #C0FFE5	RGB 192 255 229	#C0FFE5

#AFBAAE #B2C5B3 #B6D1BA #BADCC2 #BCE8CC #BEF3D7 #C0FFE5

#AFBAAE - #BADCC2 - #C0FFE5

Codici CSS

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

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