#E8BFD2 - #AC5E81 | 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 #E8BFD2 a #AC5E81

#E8BFD2 #AC5E81

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

#E8BFD2 - #AC5E81 | 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 #E8BFD2 come 0% e #AC5E81 come 100%.

0.0%	0.0% #E8BFD2	RGB 232 191 210	#E8BFD2
16.7%	16.7% #DEAEC4	RGB 222 174 196	#DEAEC4
33.3%	33.3% #D49EB7	RGB 212 158 183	#D49EB7
50.0%	50.0% #CA8EA9	RGB 202 142 169	#CA8EA9
66.7%	66.7% #C07E9C	RGB 192 126 156	#C07E9C
83.3%	83.3% #B66E8E	RGB 182 110 142	#B66E8E
100.0%	100.0% #AC5E81	RGB 172 94 129	#AC5E81

#E8BFD2 #DEAEC4 #D49EB7 #CA8EA9 #C07E9C #B66E8E #AC5E81

#E8BFD2 - #AC5E81

Miscela HSV

#E8BFD2 - #AC5E81 | 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 #E8BFD2 come 0% e #AC5E81 come 100%.

0.0%	0.0% #E8BFD2	RGB 232 191 210	#E8BFD2
16.7%	16.7% #DEACC3	RGB 222 172 195	#DEACC3
33.3%	33.3% #D49AB5	RGB 212 154 181	#D49AB5
50.0%	50.0% #CA8AA7	RGB 202 138 167	#CA8AA7
66.7%	66.7% #C07A9A	RGB 192 122 154	#C07A9A
83.3%	83.3% #B66B8D	RGB 182 107 141	#B66B8D
100.0%	100.0% #AC5E81	RGB 172 94 129	#AC5E81

#E8BFD2 #DEACC3 #D49AB5 #CA8AA7 #C07A9A #B66B8D #AC5E81

#E8BFD2 - #CA8AA7 - #AC5E81

Codici CSS

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

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