#CECCCD - #D3E2DC | 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 #CECCCD a #D3E2DC

#CECCCD #D3E2DC

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

#CECCCD - #D3E2DC | 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 #CECCCD come 0% e #D3E2DC come 100%.

0.0%	0.0% #CECCCD	RGB 206 204 205	#CECCCD
16.7%	16.7% #CECFCF	RGB 206 207 207	#CECFCF
33.3%	33.3% #CFD3D2	RGB 207 211 210	#CFD3D2
50.0%	50.0% #D0D7D4	RGB 208 215 212	#D0D7D4
66.7%	66.7% #D1DAD7	RGB 209 218 215	#D1DAD7
83.3%	83.3% #D2DED9	RGB 210 222 217	#D2DED9
100.0%	100.0% #D3E2DC	RGB 211 226 220	#D3E2DC

#CECCCD #CECFCF #CFD3D2 #D0D7D4 #D1DAD7 #D2DED9 #D3E2DC

#CECCCD - #D3E2DC

Miscela HSV

#CECCCD - #D3E2DC | 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 #CECCCD come 0% e #D3E2DC come 100%.

0.0%	0.0% #CECCCD	RGB 206 204 205	#CECCCD
16.7%	16.7% #D1CDD1	RGB 209 205 209	#D1CDD1
33.3%	33.3% #D1CED4	RGB 209 206 212	#D1CED4
50.0%	50.0% #D0CFD8	RGB 208 207 216	#D0CFD8
66.7%	66.7% #D0D5DB	RGB 208 213 219	#D0D5DB
83.3%	83.3% #D1DDDE	RGB 209 221 222	#D1DDDE
100.0%	100.0% #D3E2DC	RGB 211 226 220	#D3E2DC

#CECCCD #D1CDD1 #D1CED4 #D0CFD8 #D0D5DB #D1DDDE #D3E2DC

#CECCCD - #D0CFD8 - #D3E2DC

Codici CSS

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

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