#E3C5E7 - #B95ABB | 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 #E3C5E7 a #B95ABB

#E3C5E7 #B95ABB

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

#E3C5E7 - #B95ABB | 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 #E3C5E7 come 0% e #B95ABB come 100%.

0.0%	0.0% #E3C5E7	RGB 227 197 231	#E3C5E7
16.7%	16.7% #DCB3DF	RGB 220 179 223	#DCB3DF
33.3%	33.3% #D5A1D8	RGB 213 161 216	#D5A1D8
50.0%	50.0% #CE8FD1	RGB 206 143 209	#CE8FD1
66.7%	66.7% #C77DC9	RGB 199 125 201	#C77DC9
83.3%	83.3% #C06BC2	RGB 192 107 194	#C06BC2
100.0%	100.0% #B95ABB	RGB 185 90 187	#B95ABB

#E3C5E7 #DCB3DF #D5A1D8 #CE8FD1 #C77DC9 #C06BC2 #B95ABB

#E3C5E7 - #B95ABB

Miscela HSV

#E3C5E7 - #B95ABB | 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 #E3C5E7 come 0% e #B95ABB come 100%.

0.0%	0.0% #E3C5E7	RGB 227 197 231	#E3C5E7
16.7%	16.7% #DAB0DF	RGB 218 176 223	#DAB0DF
33.3%	33.3% #D39DD8	RGB 211 157 216	#D39DD8
50.0%	50.0% #CC8BD1	RGB 204 139 209	#CC8BD1
66.7%	66.7% #C57AC9	RGB 197 122 201	#C57AC9
83.3%	83.3% #BF69C2	RGB 191 105 194	#BF69C2
100.0%	100.0% #B95ABB	RGB 185 90 187	#B95ABB

#E3C5E7 #DAB0DF #D39DD8 #CC8BD1 #C57AC9 #BF69C2 #B95ABB

#E3C5E7 - #CC8BD1 - #B95ABB

Codici CSS

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

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