#E6A8D4 - #BC3D8C | 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 #E6A8D4 a #BC3D8C

#E6A8D4 #BC3D8C

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

#E6A8D4 - #BC3D8C | 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 #E6A8D4 come 0% e #BC3D8C come 100%.

0.0%	0.0% #E6A8D4	RGB 230 168 212	#E6A8D4
16.7%	16.7% #DF96C8	RGB 223 150 200	#DF96C8
33.3%	33.3% #D884BC	RGB 216 132 188	#D884BC
50.0%	50.0% #D172B0	RGB 209 114 176	#D172B0
66.7%	66.7% #CA60A4	RGB 202 96 164	#CA60A4
83.3%	83.3% #C34E98	RGB 195 78 152	#C34E98
100.0%	100.0% #BC3D8C	RGB 188 61 140	#BC3D8C

#E6A8D4 #DF96C8 #D884BC #D172B0 #CA60A4 #C34E98 #BC3D8C

#E6A8D4 - #BC3D8C

Miscela HSV

#E6A8D4 - #BC3D8C | 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 #E6A8D4 come 0% e #BC3D8C come 100%.

0.0%	0.0% #E6A8D4	RGB 230 168 212	#E6A8D4
16.7%	16.7% #DF93C8	RGB 223 147 200	#DF93C8
33.3%	33.3% #D880BC	RGB 216 128 188	#D880BC
50.0%	50.0% #D16EAF	RGB 209 110 175	#D16EAF
66.7%	66.7% #CA5CA3	RGB 202 92 163	#CA5CA3
83.3%	83.3% #C34C97	RGB 195 76 151	#C34C97
100.0%	100.0% #BC3D8C	RGB 188 61 140	#BC3D8C

#E6A8D4 #DF93C8 #D880BC #D16EAF #CA5CA3 #C34C97 #BC3D8C

#E6A8D4 - #D16EAF - #BC3D8C

Codici CSS

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

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