#E9A8D4 - #BF3C8C | 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 #E9A8D4 a #BF3C8C

#E9A8D4 #BF3C8C

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

#E9A8D4 - #BF3C8C | 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 #E9A8D4 come 0% e #BF3C8C come 100%.

0.0%	0.0% #E9A8D4	RGB 233 168 212	#E9A8D4
16.7%	16.7% #E296C8	RGB 226 150 200	#E296C8
33.3%	33.3% #DB84BC	RGB 219 132 188	#DB84BC
50.0%	50.0% #D472B0	RGB 212 114 176	#D472B0
66.7%	66.7% #CD60A4	RGB 205 96 164	#CD60A4
83.3%	83.3% #C64E98	RGB 198 78 152	#C64E98
100.0%	100.0% #BF3C8C	RGB 191 60 140	#BF3C8C

#E9A8D4 #E296C8 #DB84BC #D472B0 #CD60A4 #C64E98 #BF3C8C

#E9A8D4 - #BF3C8C

Miscela HSV

#E9A8D4 - #BF3C8C | 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 #E9A8D4 come 0% e #BF3C8C come 100%.

0.0%	0.0% #E9A8D4	RGB 233 168 212	#E9A8D4
16.7%	16.7% #E293C7	RGB 226 147 199	#E293C7
33.3%	33.3% #DB80BB	RGB 219 128 187	#DB80BB
50.0%	50.0% #D46DAF	RGB 212 109 175	#D46DAF
66.7%	66.7% #CD5CA3	RGB 205 92 163	#CD5CA3
83.3%	83.3% #C64B97	RGB 198 75 151	#C64B97
100.0%	100.0% #BF3C8C	RGB 191 60 140	#BF3C8C

#E9A8D4 #E293C7 #DB80BB #D46DAF #CD5CA3 #C64B97 #BF3C8C

#E9A8D4 - #D46DAF - #BF3C8C

Codici CSS

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

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