#FAE5E7 - #D09FA3 | 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 #FAE5E7 a #D09FA3

#FAE5E7 #D09FA3

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

#FAE5E7 - #D09FA3 | 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 #FAE5E7 come 0% e #D09FA3 come 100%.

0.0%	0.0% #FAE5E7	RGB 250 229 231	#FAE5E7
16.7%	16.7% #F3D9DB	RGB 243 217 219	#F3D9DB
33.3%	33.3% #ECCDD0	RGB 236 205 208	#ECCDD0
50.0%	50.0% #E5C2C5	RGB 229 194 197	#E5C2C5
66.7%	66.7% #DEB6B9	RGB 222 182 185	#DEB6B9
83.3%	83.3% #D7AAAE	RGB 215 170 174	#D7AAAE
100.0%	100.0% #D09FA3	RGB 208 159 163	#D09FA3

#FAE5E7 #F3D9DB #ECCDD0 #E5C2C5 #DEB6B9 #D7AAAE #D09FA3

#FAE5E7 - #D09FA3

Miscela HSV

#FAE5E7 - #D09FA3 | 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 #FAE5E7 come 0% e #D09FA3 come 100%.

0.0%	0.0% #FAE5E7	RGB 250 229 231	#FAE5E7
16.7%	16.7% #F3D8DA	RGB 243 216 218	#F3D8DA
33.3%	33.3% #ECCCCF	RGB 236 204 207	#ECCCCF
50.0%	50.0% #E5C0C3	RGB 229 192 195	#E5C0C3
66.7%	66.7% #DEB4B8	RGB 222 180 184	#DEB4B8
83.3%	83.3% #D7A9AD	RGB 215 169 173	#D7A9AD
100.0%	100.0% #D09FA3	RGB 208 159 163	#D09FA3

#FAE5E7 #F3D8DA #ECCCCF #E5C0C3 #DEB4B8 #D7A9AD #D09FA3

#FAE5E7 - #E5C0C3 - #D09FA3

Codici CSS

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

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