#DA3C7E - #FFA097 | 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 #DA3C7E a #FFA097

#DA3C7E #FFA097

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

#DA3C7E - #FFA097 | 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 #DA3C7E come 0% e #FFA097 come 100%.

0.0%	0.0% #DA3C7E	RGB 218 60 126	#DA3C7E
16.7%	16.7% #E04C82	RGB 224 76 130	#E04C82
33.3%	33.3% #E65D86	RGB 230 93 134	#E65D86
50.0%	50.0% #EC6E8A	RGB 236 110 138	#EC6E8A
66.7%	66.7% #F27E8E	RGB 242 126 142	#F27E8E
83.3%	83.3% #F88F92	RGB 248 143 146	#F88F92
100.0%	100.0% #FFA097	RGB 255 160 151	#FFA097

#DA3C7E #E04C82 #E65D86 #EC6E8A #F27E8E #F88F92 #FFA097

#DA3C7E - #FFA097

Miscela HSV

#DA3C7E - #FFA097 | 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 #DA3C7E come 0% e #FFA097 come 100%.

0.0%	0.0% #DA3C7E	RGB 218 60 126	#DA3C7E
16.7%	16.7% #E0497B	RGB 224 73 123	#E0497B
33.3%	33.3% #E6577B	RGB 230 87 123	#E6577B
50.0%	50.0% #EC667C	RGB 236 102 124	#EC667C
66.7%	66.7% #F27680	RGB 242 118 128	#F27680
83.3%	83.3% #F88686	RGB 248 134 134	#F88686
100.0%	100.0% #FFA097	RGB 255 160 151	#FFA097

#DA3C7E #E0497B #E6577B #EC667C #F27680 #F88686 #FFA097

#DA3C7E - #EC667C - #FFA097

Codici CSS

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

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