#C7CACC - #C5E2CD | 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 #C7CACC a #C5E2CD

#C7CACC #C5E2CD

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

#C7CACC - #C5E2CD | 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 #C7CACC come 0% e #C5E2CD come 100%.

0.0%	0.0% #C7CACC	RGB 199 202 204	#C7CACC
16.7%	16.7% #C6CECC	RGB 198 206 204	#C6CECC
33.3%	33.3% #C6D2CC	RGB 198 210 204	#C6D2CC
50.0%	50.0% #C6D6CC	RGB 198 214 204	#C6D6CC
66.7%	66.7% #C5DACC	RGB 197 218 204	#C5DACC
83.3%	83.3% #C5DECC	RGB 197 222 204	#C5DECC
100.0%	100.0% #C5E2CD	RGB 197 226 205	#C5E2CD

#C7CACC #C6CECC #C6D2CC #C6D6CC #C5DACC #C5DECC #C5E2CD

#C7CACC - #C5E2CD

Miscela HSV

#C7CACC - #C5E2CD | 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 #C7CACC come 0% e #C5E2CD come 100%.

0.0%	0.0% #C7CACC	RGB 199 202 204	#C7CACC
16.7%	16.7% #C6CDCF	RGB 198 205 207	#C6CDCF
33.3%	33.3% #C6D3D3	RGB 198 211 211	#C6D3D3
50.0%	50.0% #C6D7D4	RGB 198 215 212	#C6D7D4
66.7%	66.7% #C6DAD3	RGB 198 218 211	#C6DAD3
83.3%	83.3% #C5DED1	RGB 197 222 209	#C5DED1
100.0%	100.0% #C5E2CD	RGB 197 226 205	#C5E2CD

#C7CACC #C6CDCF #C6D3D3 #C6D7D4 #C6DAD3 #C5DED1 #C5E2CD

#C7CACC - #C6D7D4 - #C5E2CD

Codici CSS

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

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