#FDE2FF - #CD8CCC | 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 #FDE2FF a #CD8CCC

#FDE2FF #CD8CCC

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

#FDE2FF - #CD8CCC | 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 #FDE2FF come 0% e #CD8CCC come 100%.

0.0%	0.0% #FDE2FF	RGB 253 226 255	#FDE2FF
16.7%	16.7% #F5D3F6	RGB 245 211 246	#F5D3F6
33.3%	33.3% #EDC5EE	RGB 237 197 238	#EDC5EE
50.0%	50.0% #E5B7E5	RGB 229 183 229	#E5B7E5
66.7%	66.7% #DDA8DD	RGB 221 168 221	#DDA8DD
83.3%	83.3% #D59AD4	RGB 213 154 212	#D59AD4
100.0%	100.0% #CD8CCC	RGB 205 140 204	#CD8CCC

#FDE2FF #F5D3F6 #EDC5EE #E5B7E5 #DDA8DD #D59AD4 #CD8CCC

#FDE2FF - #CD8CCC

Miscela HSV

#FDE2FF - #CD8CCC | 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 #FDE2FF come 0% e #CD8CCC come 100%.

0.0%	0.0% #FDE2FF	RGB 253 226 255	#FDE2FF
16.7%	16.7% #F4D2F6	RGB 244 210 246	#F4D2F6
33.3%	33.3% #ECC3EE	RGB 236 195 238	#ECC3EE
50.0%	50.0% #E4B4E6	RGB 228 180 230	#E4B4E6
66.7%	66.7% #DCA6DD	RGB 220 166 221	#DCA6DD
83.3%	83.3% #D598D5	RGB 213 152 213	#D598D5
100.0%	100.0% #CD8CCC	RGB 205 140 204	#CD8CCC

#FDE2FF #F4D2F6 #ECC3EE #E4B4E6 #DCA6DD #D598D5 #CD8CCC

#FDE2FF - #E4B4E6 - #CD8CCC

Codici CSS

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

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