#B68EB6 - #FFCEB1 | 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 #B68EB6 a #FFCEB1

#B68EB6 #FFCEB1

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

#B68EB6 - #FFCEB1 | 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 #B68EB6 come 0% e #FFCEB1 come 100%.

0.0%	0.0% #B68EB6	RGB 182 142 182	#B68EB6
16.7%	16.7% #C298B5	RGB 194 152 181	#C298B5
33.3%	33.3% #CEA3B4	RGB 206 163 180	#CEA3B4
50.0%	50.0% #DAAEB3	RGB 218 174 179	#DAAEB3
66.7%	66.7% #E6B8B2	RGB 230 184 178	#E6B8B2
83.3%	83.3% #F2C3B1	RGB 242 195 177	#F2C3B1
100.0%	100.0% #FFCEB1	RGB 255 206 177	#FFCEB1

#B68EB6 #C298B5 #CEA3B4 #DAAEB3 #E6B8B2 #F2C3B1 #FFCEB1

#B68EB6 - #FFCEB1

Miscela HSV

#B68EB6 - #FFCEB1 | 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 #B68EB6 come 0% e #FFCEB1 come 100%.

0.0%	0.0% #B68EB6	RGB 182 142 182	#B68EB6
16.7%	16.7% #C294B7	RGB 194 148 183	#C294B7
33.3%	33.3% #CE9BB6	RGB 206 155 182	#CE9BB6
50.0%	50.0% #DAA1B3	RGB 218 161 179	#DAA1B3
66.7%	66.7% #E6A6AC	RGB 230 166 172	#E6A6AC
83.3%	83.3% #F2B6AC	RGB 242 182 172	#F2B6AC
100.0%	100.0% #FFCEB1	RGB 255 206 177	#FFCEB1

#B68EB6 #C294B7 #CE9BB6 #DAA1B3 #E6A6AC #F2B6AC #FFCEB1

#B68EB6 - #DAA1B3 - #FFCEB1

Codici CSS

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

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