#BCA8C6 - #FFDEC0 | 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 #BCA8C6 a #FFDEC0

#BCA8C6 #FFDEC0

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

#BCA8C6 - #FFDEC0 | 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 #BCA8C6 come 0% e #FFDEC0 come 100%.

0.0%	0.0% #BCA8C6	RGB 188 168 198	#BCA8C6
16.7%	16.7% #C7B1C5	RGB 199 177 197	#C7B1C5
33.3%	33.3% #D2BAC4	RGB 210 186 196	#D2BAC4
50.0%	50.0% #DDC3C3	RGB 221 195 195	#DDC3C3
66.7%	66.7% #E8CCC2	RGB 232 204 194	#E8CCC2
83.3%	83.3% #F3D5C1	RGB 243 213 193	#F3D5C1
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#BCA8C6 #C7B1C5 #D2BAC4 #DDC3C3 #E8CCC2 #F3D5C1 #FFDEC0

#BCA8C6 - #FFDEC0

Miscela HSV

#BCA8C6 - #FFDEC0 | 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 #BCA8C6 come 0% e #FFDEC0 come 100%.

0.0%	0.0% #BCA8C6	RGB 188 168 198	#BCA8C6
16.7%	16.7% #CEACCF	RGB 206 172 207	#CEACCF
33.3%	33.3% #D9B1CE	RGB 217 177 206	#D9B1CE
50.0%	50.0% #E2B5C8	RGB 226 181 200	#E2B5C8
66.7%	66.7% #ECB9BF	RGB 236 185 191	#ECB9BF
83.3%	83.3% #F5C6BC	RGB 245 198 188	#F5C6BC
100.0%	100.0% #FFDEC0	RGB 255 222 192	#FFDEC0

#BCA8C6 #CEACCF #D9B1CE #E2B5C8 #ECB9BF #F5C6BC #FFDEC0

#BCA8C6 - #E2B5C8 - #FFDEC0

Codici CSS

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

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