#EB6DCD - #FEC7CB | 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 #EB6DCD a #FEC7CB

#EB6DCD #FEC7CB

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

#EB6DCD - #FEC7CB | 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 #EB6DCD come 0% e #FEC7CB come 100%.

0.0%	0.0% #EB6DCD	RGB 235 109 205	#EB6DCD
16.7%	16.7% #EE7CCC	RGB 238 124 204	#EE7CCC
33.3%	33.3% #F18BCC	RGB 241 139 204	#F18BCC
50.0%	50.0% #F49ACC	RGB 244 154 204	#F49ACC
66.7%	66.7% #F7A9CB	RGB 247 169 203	#F7A9CB
83.3%	83.3% #FAB8CB	RGB 250 184 203	#FAB8CB
100.0%	100.0% #FEC7CB	RGB 254 199 203	#FEC7CB

#EB6DCD #EE7CCC #F18BCC #F49ACC #F7A9CB #FAB8CB #FEC7CB

#EB6DCD - #FEC7CB

Miscela HSV

#EB6DCD - #FEC7CB | 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 #EB6DCD come 0% e #FEC7CB come 100%.

0.0%	0.0% #EB6DCD	RGB 235 109 205	#EB6DCD
16.7%	16.7% #EE7BC5	RGB 238 123 197	#EE7BC5
33.3%	33.3% #F189C0	RGB 241 137 192	#F189C0
50.0%	50.0% #F498BE	RGB 244 152 190	#F498BE
66.7%	66.7% #F7A7BF	RGB 247 167 191	#F7A7BF
83.3%	83.3% #FAB7C3	RGB 250 183 195	#FAB7C3
100.0%	100.0% #FEC7CB	RGB 254 199 203	#FEC7CB

#EB6DCD #EE7BC5 #F189C0 #F498BE #F7A7BF #FAB7C3 #FEC7CB

#EB6DCD - #F498BE - #FEC7CB

Codici CSS

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

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