#BCC0FF - #546AD4 | 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 #BCC0FF a #546AD4

#BCC0FF #546AD4

Calcola il colore tra due colori, #BCC0FF e #546AD4. 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)

#BCC0FF - #546AD4 | 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 #BCC0FF come 0% e #546AD4 come 100%.

0.0%	0.0% #BCC0FF	RGB 188 192 255	#BCC0FF
16.7%	16.7% #AAB1F7	RGB 170 177 247	#AAB1F7
33.3%	33.3% #99A3F0	RGB 153 163 240	#99A3F0
50.0%	50.0% #8895E9	RGB 136 149 233	#8895E9
66.7%	66.7% #7686E2	RGB 118 134 226	#7686E2
83.3%	83.3% #6578DB	RGB 101 120 219	#6578DB
100.0%	100.0% #546AD4	RGB 84 106 212	#546AD4

#BCC0FF #AAB1F7 #99A3F0 #8895E9 #7686E2 #6578DB #546AD4

#BCC0FF - #546AD4

Miscela HSV

#BCC0FF - #546AD4 | 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 #BCC0FF come 0% e #546AD4 come 100%.

0.0%	0.0% #BCC0FF	RGB 188 192 255	#BCC0FF
16.7%	16.7% #A8AEF7	RGB 168 174 247	#A8AEF7
33.3%	33.3% #969EF0	RGB 150 158 240	#969EF0
50.0%	50.0% #8490E9	RGB 132 144 233	#8490E9
66.7%	66.7% #7382E2	RGB 115 130 226	#7382E2
83.3%	83.3% #6375DB	RGB 99 117 219	#6375DB
100.0%	100.0% #546AD4	RGB 84 106 212	#546AD4

#BCC0FF #A8AEF7 #969EF0 #8490E9 #7382E2 #6375DB #546AD4

#BCC0FF - #8490E9 - #546AD4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC0FF 0%, #8490E9 50%, #546AD4 100%);
    background: -webkit-linear-gradient(top, #BCC0FF 0%, #8490E9 50%, #546AD4 100%);
    background: linear-gradient(to bottom, #BCC0FF 0%, #8490E9 50%, #546AD4 100%);
}
</style>