#CDBBC6 - #EECEEC | 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 #CDBBC6 a #EECEEC

#CDBBC6 #EECEEC

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

#CDBBC6 - #EECEEC | 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 #CDBBC6 come 0% e #EECEEC come 100%.

0.0%	0.0% #CDBBC6	RGB 205 187 198	#CDBBC6
16.7%	16.7% #D2BECC	RGB 210 190 204	#D2BECC
33.3%	33.3% #D8C1D2	RGB 216 193 210	#D8C1D2
50.0%	50.0% #DDC4D9	RGB 221 196 217	#DDC4D9
66.7%	66.7% #E3C7DF	RGB 227 199 223	#E3C7DF
83.3%	83.3% #E8CAE5	RGB 232 202 229	#E8CAE5
100.0%	100.0% #EECEEC	RGB 238 206 236	#EECEEC

#CDBBC6 #D2BECC #D8C1D2 #DDC4D9 #E3C7DF #E8CAE5 #EECEEC

#CDBBC6 - #EECEEC

Miscela HSV

#CDBBC6 - #EECEEC | 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 #CDBBC6 come 0% e #EECEEC come 100%.

0.0%	0.0% #CDBBC6	RGB 205 187 198	#CDBBC6
16.7%	16.7% #D2BECB	RGB 210 190 203	#D2BECB
33.3%	33.3% #D8C1D1	RGB 216 193 209	#D8C1D1
50.0%	50.0% #DDC4D7	RGB 221 196 215	#DDC4D7
66.7%	66.7% #E3C8DE	RGB 227 200 222	#E3C8DE
83.3%	83.3% #E8CBE5	RGB 232 203 229	#E8CBE5
100.0%	100.0% #EECEEC	RGB 238 206 236	#EECEEC

#CDBBC6 #D2BECB #D8C1D1 #DDC4D7 #E3C8DE #E8CBE5 #EECEEC

#CDBBC6 - #DDC4D7 - #EECEEC

Codici CSS

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

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