#F9DADC - #473E3E | 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 #F9DADC a #473E3E

#F9DADC #473E3E

Calcola il colore tra due colori, #F9DADC e #473E3E. 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)

#F9DADC - #473E3E | 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 #F9DADC come 0% e #473E3E come 100%.

0.0%	0.0% #F9DADC	RGB 249 218 220	#F9DADC
16.7%	16.7% #DBC0C1	RGB 219 192 193	#DBC0C1
33.3%	33.3% #BDA6A7	RGB 189 166 167	#BDA6A7
50.0%	50.0% #A08C8D	RGB 160 140 141	#A08C8D
66.7%	66.7% #827272	RGB 130 114 114	#827272
83.3%	83.3% #645858	RGB 100 88 88	#645858
100.0%	100.0% #473E3E	RGB 71 62 62	#473E3E

#F9DADC #DBC0C1 #BDA6A7 #A08C8D #827272 #645858 #473E3E

#F9DADC - #473E3E

Miscela HSV

#F9DADC - #473E3E | 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 #F9DADC come 0% e #473E3E come 100%.

0.0%	0.0% #F9DADC	RGB 249 218 220	#F9DADC
16.7%	16.7% #DBBFC1	RGB 219 191 193	#DBBFC1
33.3%	33.3% #BDA5A6	RGB 189 165 166	#BDA5A6
50.0%	50.0% #A08B8C	RGB 160 139 140	#A08B8C
66.7%	66.7% #827172	RGB 130 113 114	#827172
83.3%	83.3% #645758	RGB 100 87 88	#645758
100.0%	100.0% #473E3E	RGB 71 62 62	#473E3E

#F9DADC #DBBFC1 #BDA5A6 #A08B8C #827172 #645758 #473E3E

#F9DADC - #A08B8C - #473E3E

Codici CSS

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

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