#CBA79B - #F0E5E2 | 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 #CBA79B a #F0E5E2

#CBA79B #F0E5E2

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

#CBA79B - #F0E5E2 | 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 #CBA79B come 0% e #F0E5E2 come 100%.

0.0%	0.0% #CBA79B	RGB 203 167 155	#CBA79B
16.7%	16.7% #D1B1A6	RGB 209 177 166	#D1B1A6
33.3%	33.3% #D7BBB2	RGB 215 187 178	#D7BBB2
50.0%	50.0% #DDC6BE	RGB 221 198 190	#DDC6BE
66.7%	66.7% #E3D0CA	RGB 227 208 202	#E3D0CA
83.3%	83.3% #E9DAD6	RGB 233 218 214	#E9DAD6
100.0%	100.0% #F0E5E2	RGB 240 229 226	#F0E5E2

#CBA79B #D1B1A6 #D7BBB2 #DDC6BE #E3D0CA #E9DAD6 #F0E5E2

#CBA79B - #F0E5E2

Miscela HSV

#CBA79B - #F0E5E2 | 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 #CBA79B come 0% e #F0E5E2 come 100%.

0.0%	0.0% #CBA79B	RGB 203 167 155	#CBA79B
16.7%	16.7% #D1B0A5	RGB 209 176 165	#D1B0A5
33.3%	33.3% #D7BAB1	RGB 215 186 177	#D7BAB1
50.0%	50.0% #DDC4BC	RGB 221 196 188	#DDC4BC
66.7%	66.7% #E3CEC8	RGB 227 206 200	#E3CEC8
83.3%	83.3% #E9D9D5	RGB 233 217 213	#E9D9D5
100.0%	100.0% #F0E5E2	RGB 240 229 226	#F0E5E2

#CBA79B #D1B0A5 #D7BAB1 #DDC4BC #E3CEC8 #E9D9D5 #F0E5E2

#CBA79B - #DDC4BC - #F0E5E2

Codici CSS

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

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