#CAC7B7 - #FFFBCB | 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 #CAC7B7 a #FFFBCB

#CAC7B7 #FFFBCB

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

#CAC7B7 - #FFFBCB | 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 #CAC7B7 come 0% e #FFFBCB come 100%.

0.0%	0.0% #CAC7B7	RGB 202 199 183	#CAC7B7
16.7%	16.7% #D2CFBA	RGB 210 207 186	#D2CFBA
33.3%	33.3% #DBD8BD	RGB 219 216 189	#DBD8BD
50.0%	50.0% #E4E1C1	RGB 228 225 193	#E4E1C1
66.7%	66.7% #EDE9C4	RGB 237 233 196	#EDE9C4
83.3%	83.3% #F6F2C7	RGB 246 242 199	#F6F2C7
100.0%	100.0% #FFFBCB	RGB 255 251 203	#FFFBCB

#CAC7B7 #D2CFBA #DBD8BD #E4E1C1 #EDE9C4 #F6F2C7 #FFFBCB

#CAC7B7 - #FFFBCB

Miscela HSV

#CAC7B7 - #FFFBCB | 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 #CAC7B7 come 0% e #FFFBCB come 100%.

0.0%	0.0% #CAC7B7	RGB 202 199 183	#CAC7B7
16.7%	16.7% #D2CFBB	RGB 210 207 187	#D2CFBB
33.3%	33.3% #DBD7BE	RGB 219 215 190	#DBD7BE
50.0%	50.0% #E4E0C2	RGB 228 224 194	#E4E0C2
66.7%	66.7% #EDE9C5	RGB 237 233 197	#EDE9C5
83.3%	83.3% #F6F2C8	RGB 246 242 200	#F6F2C8
100.0%	100.0% #FFFBCB	RGB 255 251 203	#FFFBCB

#CAC7B7 #D2CFBB #DBD7BE #E4E0C2 #EDE9C5 #F6F2C8 #FFFBCB

#CAC7B7 - #E4E0C2 - #FFFBCB

Codici CSS

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

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