#CFCFC5 - #CBF0FF | 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 #CFCFC5 a #CBF0FF

#CFCFC5 #CBF0FF

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

#CFCFC5 - #CBF0FF | 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 #CFCFC5 come 0% e #CBF0FF come 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #CED4CE	RGB 206 212 206	#CED4CE
33.3%	33.3% #CDDAD8	RGB 205 218 216	#CDDAD8
50.0%	50.0% #CDDFE2	RGB 205 223 226	#CDDFE2
66.7%	66.7% #CCE5EB	RGB 204 229 235	#CCE5EB
83.3%	83.3% #CBEAF5	RGB 203 234 245	#CBEAF5
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#CFCFC5 #CED4CE #CDDAD8 #CDDFE2 #CCE5EB #CBEAF5 #CBF0FF

#CFCFC5 - #CBF0FF

Miscela HSV

#CFCFC5 - #CBF0FF | 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 #CFCFC5 come 0% e #CBF0FF come 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #D0D7C7	RGB 208 215 199	#D0D7C7
33.3%	33.3% #CDDFC8	RGB 205 223 200	#CDDFC8
50.0%	50.0% #C9E7CE	RGB 201 231 206	#C9E7CE
66.7%	66.7% #CAEFDD	RGB 202 239 221	#CAEFDD
83.3%	83.3% #CBF7F2	RGB 203 247 242	#CBF7F2
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#CFCFC5 #D0D7C7 #CDDFC8 #C9E7CE #CAEFDD #CBF7F2 #CBF0FF

#CFCFC5 - #C9E7CE - #CBF0FF

Codici CSS

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

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