#C8C0C0 - #FFFAD0 | 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 #C8C0C0 a #FFFAD0

#C8C0C0 #FFFAD0

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

#C8C0C0 - #FFFAD0 | 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 #C8C0C0 come 0% e #FFFAD0 come 100%.

0.0%	0.0% #C8C0C0	RGB 200 192 192	#C8C0C0
16.7%	16.7% #D1C9C2	RGB 209 201 194	#D1C9C2
33.3%	33.3% #DAD3C5	RGB 218 211 197	#DAD3C5
50.0%	50.0% #E3DDC8	RGB 227 221 200	#E3DDC8
66.7%	66.7% #ECE6CA	RGB 236 230 202	#ECE6CA
83.3%	83.3% #F5F0CD	RGB 245 240 205	#F5F0CD
100.0%	100.0% #FFFAD0	RGB 255 250 208	#FFFAD0

#C8C0C0 #D1C9C2 #DAD3C5 #E3DDC8 #ECE6CA #F5F0CD #FFFAD0

#C8C0C0 - #FFFAD0

Miscela HSV

#C8C0C0 - #FFFAD0 | 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 #C8C0C0 come 0% e #FFFAD0 come 100%.

0.0%	0.0% #C8C0C0	RGB 200 192 192	#C8C0C0
16.7%	16.7% #D1C5C3	RGB 209 197 195	#D1C5C3
33.3%	33.3% #DACCC7	RGB 218 204 199	#DACCC7
50.0%	50.0% #E3D5C9	RGB 227 213 201	#E3D5C9
66.7%	66.7% #ECDFCC	RGB 236 223 204	#ECDFCC
83.3%	83.3% #F5EBCE	RGB 245 235 206	#F5EBCE
100.0%	100.0% #FFFAD0	RGB 255 250 208	#FFFAD0

#C8C0C0 #D1C5C3 #DACCC7 #E3D5C9 #ECDFCC #F5EBCE #FFFAD0

#C8C0C0 - #E3D5C9 - #FFFAD0

Codici CSS

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

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