#C0BDCD - #DCDFD1 | 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 #C0BDCD a #DCDFD1

#C0BDCD #DCDFD1

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

#C0BDCD - #DCDFD1 | 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 #C0BDCD come 0% e #DCDFD1 come 100%.

0.0%	0.0% #C0BDCD	RGB 192 189 205	#C0BDCD
16.7%	16.7% #C4C2CD	RGB 196 194 205	#C4C2CD
33.3%	33.3% #C9C8CE	RGB 201 200 206	#C9C8CE
50.0%	50.0% #CECECF	RGB 206 206 207	#CECECF
66.7%	66.7% #D2D3CF	RGB 210 211 207	#D2D3CF
83.3%	83.3% #D7D9D0	RGB 215 217 208	#D7D9D0
100.0%	100.0% #DCDFD1	RGB 220 223 209	#DCDFD1

#C0BDCD #C4C2CD #C9C8CE #CECECF #D2D3CF #D7D9D0 #DCDFD1

#C0BDCD - #DCDFD1

Miscela HSV

#C0BDCD - #DCDFD1 | 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 #C0BDCD come 0% e #DCDFD1 come 100%.

0.0%	0.0% #C0BDCD	RGB 192 189 205	#C0BDCD
16.7%	16.7% #C0C5D0	RGB 192 197 208	#C0C5D0
33.3%	33.3% #C3CFD3	RGB 195 207 211	#C3CFD3
50.0%	50.0% #C6D6D1	RGB 198 214 209	#C6D6D1
66.7%	66.7% #CAD9CD	RGB 202 217 205	#CAD9CD
83.3%	83.3% #D1DCCD	RGB 209 220 205	#D1DCCD
100.0%	100.0% #DCDFD1	RGB 220 223 209	#DCDFD1

#C0BDCD #C0C5D0 #C3CFD3 #C6D6D1 #CAD9CD #D1DCCD #DCDFD1

#C0BDCD - #C6D6D1 - #DCDFD1

Codici CSS

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

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