#BE9DC3 - #ECE3ED | 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 #BE9DC3 a #ECE3ED

#BE9DC3 #ECE3ED

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

#BE9DC3 - #ECE3ED | 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 #BE9DC3 come 0% e #ECE3ED come 100%.

0.0%	0.0% #BE9DC3	RGB 190 157 195	#BE9DC3
16.7%	16.7% #C5A8CA	RGB 197 168 202	#C5A8CA
33.3%	33.3% #CDB4D1	RGB 205 180 209	#CDB4D1
50.0%	50.0% #D5C0D8	RGB 213 192 216	#D5C0D8
66.7%	66.7% #DCCBDF	RGB 220 203 223	#DCCBDF
83.3%	83.3% #E4D7E6	RGB 228 215 230	#E4D7E6
100.0%	100.0% #ECE3ED	RGB 236 227 237	#ECE3ED

#BE9DC3 #C5A8CA #CDB4D1 #D5C0D8 #DCCBDF #E4D7E6 #ECE3ED

#BE9DC3 - #ECE3ED

Miscela HSV

#BE9DC3 - #ECE3ED | 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 #BE9DC3 come 0% e #ECE3ED come 100%.

0.0%	0.0% #BE9DC3	RGB 190 157 195	#BE9DC3
16.7%	16.7% #C5A7CA	RGB 197 167 202	#C5A7CA
33.3%	33.3% #CDB2D1	RGB 205 178 209	#CDB2D1
50.0%	50.0% #D5BED8	RGB 213 190 216	#D5BED8
66.7%	66.7% #DCCADF	RGB 220 202 223	#DCCADF
83.3%	83.3% #E4D6E6	RGB 228 214 230	#E4D6E6
100.0%	100.0% #ECE3ED	RGB 236 227 237	#ECE3ED

#BE9DC3 #C5A7CA #CDB2D1 #D5BED8 #DCCADF #E4D6E6 #ECE3ED

#BE9DC3 - #D5BED8 - #ECE3ED

Codici CSS

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

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