#F5EBF2 - #D59FB4 | 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 #F5EBF2 a #D59FB4

#F5EBF2 #D59FB4

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

#F5EBF2 - #D59FB4 | 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 #F5EBF2 come 0% e #D59FB4 come 100%.

0.0%	0.0% #F5EBF2	RGB 245 235 242	#F5EBF2
16.7%	16.7% #EFDEE7	RGB 239 222 231	#EFDEE7
33.3%	33.3% #EAD1DD	RGB 234 209 221	#EAD1DD
50.0%	50.0% #E5C5D3	RGB 229 197 211	#E5C5D3
66.7%	66.7% #DFB8C8	RGB 223 184 200	#DFB8C8
83.3%	83.3% #DAABBE	RGB 218 171 190	#DAABBE
100.0%	100.0% #D59FB4	RGB 213 159 180	#D59FB4

#F5EBF2 #EFDEE7 #EAD1DD #E5C5D3 #DFB8C8 #DAABBE #D59FB4

#F5EBF2 - #D59FB4

Miscela HSV

#F5EBF2 - #D59FB4 | 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 #F5EBF2 come 0% e #D59FB4 come 100%.

0.0%	0.0% #F5EBF2	RGB 245 235 242	#F5EBF2
16.7%	16.7% #EFDDE9	RGB 239 221 233	#EFDDE9
33.3%	33.3% #EAD0DF	RGB 234 208 223	#EAD0DF
50.0%	50.0% #E5C3D5	RGB 229 195 213	#E5C3D5
66.7%	66.7% #DFB6CA	RGB 223 182 202	#DFB6CA
83.3%	83.3% #DAAABF	RGB 218 170 191	#DAAABF
100.0%	100.0% #D59FB4	RGB 213 159 180	#D59FB4

#F5EBF2 #EFDDE9 #EAD0DF #E5C3D5 #DFB6CA #DAAABF #D59FB4

#F5EBF2 - #E5C3D5 - #D59FB4

Codici CSS

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

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