#C95D3C - #EFD0C7 | 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 #C95D3C a #EFD0C7

#C95D3C #EFD0C7

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

#C95D3C - #EFD0C7 | 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 #C95D3C come 0% e #EFD0C7 come 100%.

0.0%	0.0% #C95D3C	RGB 201 93 60	#C95D3C
16.7%	16.7% #CF7053	RGB 207 112 83	#CF7053
33.3%	33.3% #D5836A	RGB 213 131 106	#D5836A
50.0%	50.0% #DC9681	RGB 220 150 129	#DC9681
66.7%	66.7% #E2A998	RGB 226 169 152	#E2A998
83.3%	83.3% #E8BCAF	RGB 232 188 175	#E8BCAF
100.0%	100.0% #EFD0C7	RGB 239 208 199	#EFD0C7

#C95D3C #CF7053 #D5836A #DC9681 #E2A998 #E8BCAF #EFD0C7

#C95D3C - #EFD0C7

Miscela HSV

#C95D3C - #EFD0C7 | 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 #C95D3C come 0% e #EFD0C7 come 100%.

0.0%	0.0% #C95D3C	RGB 201 93 60	#C95D3C
16.7%	16.7% #CF6D50	RGB 207 109 80	#CF6D50
33.3%	33.3% #D57F65	RGB 213 127 101	#D57F65
50.0%	50.0% #DC927C	RGB 220 146 124	#DC927C
66.7%	66.7% #E2A594	RGB 226 165 148	#E2A594
83.3%	83.3% #E8BAAD	RGB 232 186 173	#E8BAAD
100.0%	100.0% #EFD0C7	RGB 239 208 199	#EFD0C7

#C95D3C #CF6D50 #D57F65 #DC927C #E2A594 #E8BAAD #EFD0C7

#C95D3C - #DC927C - #EFD0C7

Codici CSS

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

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