#F7E2FF - #CB8ACE | 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 #F7E2FF a #CB8ACE

#F7E2FF #CB8ACE

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

#F7E2FF - #CB8ACE | 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 #F7E2FF come 0% e #CB8ACE come 100%.

0.0%	0.0% #F7E2FF	RGB 247 226 255	#F7E2FF
16.7%	16.7% #EFD3F6	RGB 239 211 246	#EFD3F6
33.3%	33.3% #E8C4EE	RGB 232 196 238	#E8C4EE
50.0%	50.0% #E1B6E6	RGB 225 182 230	#E1B6E6
66.7%	66.7% #D9A7DE	RGB 217 167 222	#D9A7DE
83.3%	83.3% #D298D6	RGB 210 152 214	#D298D6
100.0%	100.0% #CB8ACE	RGB 203 138 206	#CB8ACE

#F7E2FF #EFD3F6 #E8C4EE #E1B6E6 #D9A7DE #D298D6 #CB8ACE

#F7E2FF - #CB8ACE

Miscela HSV

#F7E2FF - #CB8ACE | 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 #F7E2FF come 0% e #CB8ACE come 100%.

0.0%	0.0% #F7E2FF	RGB 247 226 255	#F7E2FF
16.7%	16.7% #EED1F6	RGB 238 209 246	#EED1F6
33.3%	33.3% #E5C2EE	RGB 229 194 238	#E5C2EE
50.0%	50.0% #DEB3E6	RGB 222 179 230	#DEB3E6
66.7%	66.7% #D7A4DE	RGB 215 164 222	#D7A4DE
83.3%	83.3% #D097D6	RGB 208 151 214	#D097D6
100.0%	100.0% #CB8ACE	RGB 203 138 206	#CB8ACE

#F7E2FF #EED1F6 #E5C2EE #DEB3E6 #D7A4DE #D097D6 #CB8ACE

#F7E2FF - #DEB3E6 - #CB8ACE

Codici CSS

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

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