#C7BBCD - #FFE6C5 | 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 #C7BBCD a #FFE6C5

#C7BBCD #FFE6C5

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

#C7BBCD - #FFE6C5 | 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 #C7BBCD come 0% e #FFE6C5 come 100%.

0.0%	0.0% #C7BBCD	RGB 199 187 205	#C7BBCD
16.7%	16.7% #D0C2CB	RGB 208 194 203	#D0C2CB
33.3%	33.3% #D9C9CA	RGB 217 201 202	#D9C9CA
50.0%	50.0% #E3D0C9	RGB 227 208 201	#E3D0C9
66.7%	66.7% #ECD7C7	RGB 236 215 199	#ECD7C7
83.3%	83.3% #F5DEC6	RGB 245 222 198	#F5DEC6
100.0%	100.0% #FFE6C5	RGB 255 230 197	#FFE6C5

#C7BBCD #D0C2CB #D9C9CA #E3D0C9 #ECD7C7 #F5DEC6 #FFE6C5

#C7BBCD - #FFE6C5

Miscela HSV

#C7BBCD - #FFE6C5 | 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 #C7BBCD come 0% e #FFE6C5 come 100%.

0.0%	0.0% #C7BBCD	RGB 199 187 205	#C7BBCD
16.7%	16.7% #D4BDD5	RGB 212 189 213	#D4BDD5
33.3%	33.3% #DDBFD4	RGB 221 191 212	#DDBFD4
50.0%	50.0% #E6C1CF	RGB 230 193 207	#E6C1CF
66.7%	66.7% #EEC3C6	RGB 238 195 198	#EEC3C6
83.3%	83.3% #F6D0C4	RGB 246 208 196	#F6D0C4
100.0%	100.0% #FFE6C5	RGB 255 230 197	#FFE6C5

#C7BBCD #D4BDD5 #DDBFD4 #E6C1CF #EEC3C6 #F6D0C4 #FFE6C5

#C7BBCD - #E6C1CF - #FFE6C5

Codici CSS

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

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