#C0AF9F - #FFE4B9 | 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 #C0AF9F a #FFE4B9

#C0AF9F #FFE4B9

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

#C0AF9F - #FFE4B9 | 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 #C0AF9F come 0% e #FFE4B9 come 100%.

0.0%	0.0% #C0AF9F	RGB 192 175 159	#C0AF9F
16.7%	16.7% #CAB7A3	RGB 202 183 163	#CAB7A3
33.3%	33.3% #D5C0A7	RGB 213 192 167	#D5C0A7
50.0%	50.0% #DFC9AC	RGB 223 201 172	#DFC9AC
66.7%	66.7% #EAD2B0	RGB 234 210 176	#EAD2B0
83.3%	83.3% #F4DBB4	RGB 244 219 180	#F4DBB4
100.0%	100.0% #FFE4B9	RGB 255 228 185	#FFE4B9

#C0AF9F #CAB7A3 #D5C0A7 #DFC9AC #EAD2B0 #F4DBB4 #FFE4B9

#C0AF9F - #FFE4B9

Miscela HSV

#C0AF9F - #FFE4B9 | 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 #C0AF9F come 0% e #FFE4B9 come 100%.

0.0%	0.0% #C0AF9F	RGB 192 175 159	#C0AF9F
16.7%	16.7% #CAB7A4	RGB 202 183 164	#CAB7A4
33.3%	33.3% #D5C0A9	RGB 213 192 169	#D5C0A9
50.0%	50.0% #DFC9AD	RGB 223 201 173	#DFC9AD
66.7%	66.7% #EAD1B1	RGB 234 209 177	#EAD1B1
83.3%	83.3% #F4DAB5	RGB 244 218 181	#F4DAB5
100.0%	100.0% #FFE4B9	RGB 255 228 185	#FFE4B9

#C0AF9F #CAB7A4 #D5C0A9 #DFC9AD #EAD1B1 #F4DAB5 #FFE4B9

#C0AF9F - #DFC9AD - #FFE4B9

Codici CSS

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

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