#CECEBF - #FFEDCC | 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 #CECEBF a #FFEDCC

#CECEBF #FFEDCC

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

#CECEBF - #FFEDCC | 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 #CECEBF come 0% e #FFEDCC come 100%.

0.0%	0.0% #CECEBF	RGB 206 206 191	#CECEBF
16.7%	16.7% #D6D3C1	RGB 214 211 193	#D6D3C1
33.3%	33.3% #DED8C3	RGB 222 216 195	#DED8C3
50.0%	50.0% #E6DDC5	RGB 230 221 197	#E6DDC5
66.7%	66.7% #EEE2C7	RGB 238 226 199	#EEE2C7
83.3%	83.3% #F6E7C9	RGB 246 231 201	#F6E7C9
100.0%	100.0% #FFEDCC	RGB 255 237 204	#FFEDCC

#CECEBF #D6D3C1 #DED8C3 #E6DDC5 #EEE2C7 #F6E7C9 #FFEDCC

#CECEBF - #FFEDCC

Miscela HSV

#CECEBF - #FFEDCC | 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 #CECEBF come 0% e #FFEDCC come 100%.

0.0%	0.0% #CECEBF	RGB 206 206 191	#CECEBF
16.7%	16.7% #D6D4C2	RGB 214 212 194	#D6D4C2
33.3%	33.3% #DEDBC4	RGB 222 219 196	#DEDBC4
50.0%	50.0% #E6E0C7	RGB 230 224 199	#E6E0C7
66.7%	66.7% #EEE5C9	RGB 238 229 201	#EEE5C9
83.3%	83.3% #F6E9CA	RGB 246 233 202	#F6E9CA
100.0%	100.0% #FFEDCC	RGB 255 237 204	#FFEDCC

#CECEBF #D6D4C2 #DEDBC4 #E6E0C7 #EEE5C9 #F6E9CA #FFEDCC

#CECEBF - #E6E0C7 - #FFEDCC

Codici CSS

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

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