#BC6B9C - #FBC2B9 | 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 #BC6B9C a #FBC2B9

#BC6B9C #FBC2B9

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

#BC6B9C - #FBC2B9 | 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 #BC6B9C come 0% e #FBC2B9 come 100%.

0.0%	0.0% #BC6B9C	RGB 188 107 156	#BC6B9C
16.7%	16.7% #C679A0	RGB 198 121 160	#C679A0
33.3%	33.3% #D188A5	RGB 209 136 165	#D188A5
50.0%	50.0% #DB96AA	RGB 219 150 170	#DB96AA
66.7%	66.7% #E6A5AF	RGB 230 165 175	#E6A5AF
83.3%	83.3% #F0B3B4	RGB 240 179 180	#F0B3B4
100.0%	100.0% #FBC2B9	RGB 251 194 185	#FBC2B9

#BC6B9C #C679A0 #D188A5 #DB96AA #E6A5AF #F0B3B4 #FBC2B9

#BC6B9C - #FBC2B9

Miscela HSV

#BC6B9C - #FBC2B9 | 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 #BC6B9C come 0% e #FBC2B9 come 100%.

0.0%	0.0% #BC6B9C	RGB 188 107 156	#BC6B9C
16.7%	16.7% #C6769D	RGB 198 118 157	#C6769D
33.3%	33.3% #D1829E	RGB 209 130 158	#D1829E
50.0%	50.0% #DB8FA1	RGB 219 143 161	#DB8FA1
66.7%	66.7% #E69CA4	RGB 230 156 164	#E69CA4
83.3%	83.3% #F0ABAA	RGB 240 171 170	#F0ABAA
100.0%	100.0% #FBC2B9	RGB 251 194 185	#FBC2B9

#BC6B9C #C6769D #D1829E #DB8FA1 #E69CA4 #F0ABAA #FBC2B9

#BC6B9C - #DB8FA1 - #FBC2B9

Codici CSS

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

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