#BA66A8 - #EBD3E6 | 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 #BA66A8 a #EBD3E6

#BA66A8 #EBD3E6

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

#BA66A8 - #EBD3E6 | 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 #BA66A8 come 0% e #EBD3E6 come 100%.

0.0%	0.0% #BA66A8	RGB 186 102 168	#BA66A8
16.7%	16.7% #C278B2	RGB 194 120 178	#C278B2
33.3%	33.3% #CA8ABC	RGB 202 138 188	#CA8ABC
50.0%	50.0% #D29CC7	RGB 210 156 199	#D29CC7
66.7%	66.7% #DAAED1	RGB 218 174 209	#DAAED1
83.3%	83.3% #E2C0DB	RGB 226 192 219	#E2C0DB
100.0%	100.0% #EBD3E6	RGB 235 211 230	#EBD3E6

#BA66A8 #C278B2 #CA8ABC #D29CC7 #DAAED1 #E2C0DB #EBD3E6

#BA66A8 - #EBD3E6

Miscela HSV

#BA66A8 - #EBD3E6 | 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 #BA66A8 come 0% e #EBD3E6 come 100%.

0.0%	0.0% #BA66A7	RGB 186 102 167	#BA66A7
16.7%	16.7% #C275B1	RGB 194 117 177	#C275B1
33.3%	33.3% #CA86BB	RGB 202 134 187	#CA86BB
50.0%	50.0% #D298C6	RGB 210 152 198	#D298C6
66.7%	66.7% #DAAAD0	RGB 218 170 208	#DAAAD0
83.3%	83.3% #E2BEDB	RGB 226 190 219	#E2BEDB
100.0%	100.0% #EBD3E6	RGB 235 211 230	#EBD3E6

#BA66A7 #C275B1 #CA86BB #D298C6 #DAAAD0 #E2BEDB #EBD3E6

#BA66A8 - #D298C6 - #EBD3E6

Codici CSS

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

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