#C8CAC9 - #E2CFDA | 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 #C8CAC9 a #E2CFDA

#C8CAC9 #E2CFDA

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

#C8CAC9 - #E2CFDA | 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 #C8CAC9 come 0% e #E2CFDA come 100%.

0.0%	0.0% #C8CAC9	RGB 200 202 201	#C8CAC9
16.7%	16.7% #CCCACB	RGB 204 202 203	#CCCACB
33.3%	33.3% #D0CBCE	RGB 208 203 206	#D0CBCE
50.0%	50.0% #D5CCD1	RGB 213 204 209	#D5CCD1
66.7%	66.7% #D9CDD4	RGB 217 205 212	#D9CDD4
83.3%	83.3% #DDCED7	RGB 221 206 215	#DDCED7
100.0%	100.0% #E2CFDA	RGB 226 207 218	#E2CFDA

#C8CAC9 #CCCACB #D0CBCE #D5CCD1 #D9CDD4 #DDCED7 #E2CFDA

#C8CAC9 - #E2CFDA

Miscela HSV

#C8CAC9 - #E2CFDA | 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 #C8CAC9 come 0% e #E2CFDA come 100%.

0.0%	0.0% #C8CAC9	RGB 200 202 201	#C8CAC9
16.7%	16.7% #C9CECD	RGB 201 206 205	#C9CECD
33.3%	33.3% #CACED2	RGB 202 206 210	#CACED2
50.0%	50.0% #CBCCD6	RGB 203 204 214	#CBCCD6
66.7%	66.7% #D2CDDA	RGB 210 205 218	#D2CDDA
83.3%	83.3% #DCCEDE	RGB 220 206 222	#DCCEDE
100.0%	100.0% #E2CFDA	RGB 226 207 218	#E2CFDA

#C8CAC9 #C9CECD #CACED2 #CBCCD6 #D2CDDA #DCCEDE #E2CFDA

#C8CAC9 - #CBCCD6 - #E2CFDA

Codici CSS

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

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