#D58C8C - #FDDAB0 | 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 #D58C8C a #FDDAB0

#D58C8C #FDDAB0

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

#D58C8C - #FDDAB0 | 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 #D58C8C come 0% e #FDDAB0 come 100%.

0.0%	0.0% #D58C8C	RGB 213 140 140	#D58C8C
16.7%	16.7% #DB9992	RGB 219 153 146	#DB9992
33.3%	33.3% #E2A698	RGB 226 166 152	#E2A698
50.0%	50.0% #E9B39E	RGB 233 179 158	#E9B39E
66.7%	66.7% #EFC0A4	RGB 239 192 164	#EFC0A4
83.3%	83.3% #F6CDAA	RGB 246 205 170	#F6CDAA
100.0%	100.0% #FDDAB0	RGB 253 218 176	#FDDAB0

#D58C8C #DB9992 #E2A698 #E9B39E #EFC0A4 #F6CDAA #FDDAB0

#D58C8C - #FDDAB0

Miscela HSV

#D58C8C - #FDDAB0 | 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 #D58C8C come 0% e #FDDAB0 come 100%.

0.0%	0.0% #D58C8C	RGB 213 140 140	#D58C8C
16.7%	16.7% #DB9891	RGB 219 152 145	#DB9891
33.3%	33.3% #E2A597	RGB 226 165 151	#E2A597
50.0%	50.0% #E9B29D	RGB 233 178 157	#E9B29D
66.7%	66.7% #EFBFA3	RGB 239 191 163	#EFBFA3
83.3%	83.3% #F6CCA9	RGB 246 204 169	#F6CCA9
100.0%	100.0% #FDDAB0	RGB 253 218 176	#FDDAB0

#D58C8C #DB9891 #E2A597 #E9B29D #EFBFA3 #F6CCA9 #FDDAB0

#D58C8C - #E9B29D - #FDDAB0

Codici CSS

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

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