#C8CAC8 - #DDCFE2 | 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 #C8CAC8 a #DDCFE2

#C8CAC8 #DDCFE2

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

#C8CAC8 - #DDCFE2 | 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 #C8CAC8 come 0% e #DDCFE2 come 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #CBCACC	RGB 203 202 204	#CBCACC
33.3%	33.3% #CFCBD0	RGB 207 203 208	#CFCBD0
50.0%	50.0% #D2CCD5	RGB 210 204 213	#D2CCD5
66.7%	66.7% #D6CDD9	RGB 214 205 217	#D6CDD9
83.3%	83.3% #D9CEDD	RGB 217 206 221	#D9CEDD
100.0%	100.0% #DDCFE2	RGB 221 207 226	#DDCFE2

#C8CAC8 #CBCACC #CFCBD0 #D2CCD5 #D6CDD9 #D9CEDD #DDCFE2

#C8CAC8 - #DDCFE2

Miscela HSV

#C8CAC8 - #DDCFE2 | 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 #C8CAC8 come 0% e #DDCFE2 come 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #C9CECB	RGB 201 206 203	#C9CECB
33.3%	33.3% #CAD2D1	RGB 202 210 209	#CAD2D1
50.0%	50.0% #CBD2D6	RGB 203 210 214	#CBD2D6
66.7%	66.7% #CDCFDA	RGB 205 207 218	#CDCFDA
83.3%	83.3% #D2CEDE	RGB 210 206 222	#D2CEDE
100.0%	100.0% #DDCFE2	RGB 221 207 226	#DDCFE2

#C8CAC8 #C9CECB #CAD2D1 #CBD2D6 #CDCFDA #D2CEDE #DDCFE2

#C8CAC8 - #CBD2D6 - #DDCFE2

Codici CSS

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

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