#855EC3 - #DCD1ED | 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 #855EC3 a #DCD1ED

#855EC3 #DCD1ED

Calcola il colore tra due colori, #855EC3 e #DCD1ED. 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)

#855EC3 - #DCD1ED | 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 #855EC3 come 0% e #DCD1ED come 100%.

0.0%	0.0% #855EC3	RGB 133 94 195	#855EC3
16.7%	16.7% #9371CA	RGB 147 113 202	#9371CA
33.3%	33.3% #A284D1	RGB 162 132 209	#A284D1
50.0%	50.0% #B097D8	RGB 176 151 216	#B097D8
66.7%	66.7% #BFAADF	RGB 191 170 223	#BFAADF
83.3%	83.3% #CDBDE6	RGB 205 189 230	#CDBDE6
100.0%	100.0% #DCD1ED	RGB 220 209 237	#DCD1ED

#855EC3 #9371CA #A284D1 #B097D8 #BFAADF #CDBDE6 #DCD1ED

#855EC3 - #DCD1ED

Miscela HSV

#855EC3 - #DCD1ED | 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 #855EC3 come 0% e #DCD1ED come 100%.

0.0%	0.0% #845EC3	RGB 132 94 195	#845EC3
16.7%	16.7% #926ECA	RGB 146 110 202	#926ECA
33.3%	33.3% #9F80D1	RGB 159 128 209	#9F80D1
50.0%	50.0% #AE93D8	RGB 174 147 216	#AE93D8
66.7%	66.7% #BCA6DF	RGB 188 166 223	#BCA6DF
83.3%	83.3% #CCBBE6	RGB 204 187 230	#CCBBE6
100.0%	100.0% #DCD1ED	RGB 220 209 237	#DCD1ED

#845EC3 #926ECA #9F80D1 #AE93D8 #BCA6DF #CCBBE6 #DCD1ED

#855EC3 - #AE93D8 - #DCD1ED

Codici CSS

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

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