#EDBADE - #FBF9F6 | 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 #EDBADE a #FBF9F6

#EDBADE #FBF9F6

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

#EDBADE - #FBF9F6 | 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 #EDBADE come 0% e #FBF9F6 come 100%.

0.0%	0.0% #EDBADE	RGB 237 186 222	#EDBADE
16.7%	16.7% #EFC4E2	RGB 239 196 226	#EFC4E2
33.3%	33.3% #F1CFE6	RGB 241 207 230	#F1CFE6
50.0%	50.0% #F4D9EA	RGB 244 217 234	#F4D9EA
66.7%	66.7% #F6E4EE	RGB 246 228 238	#F6E4EE
83.3%	83.3% #F8EEF2	RGB 248 238 242	#F8EEF2
100.0%	100.0% #FBF9F6	RGB 251 249 246	#FBF9F6

#EDBADE #EFC4E2 #F1CFE6 #F4D9EA #F6E4EE #F8EEF2 #FBF9F6

#EDBADE - #FBF9F6

Miscela HSV

#EDBADE - #FBF9F6 | 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 #EDBADE come 0% e #FBF9F6 come 100%.

0.0%	0.0% #EDBADE	RGB 237 186 222	#EDBADE
16.7%	16.7% #EFC3D8	RGB 239 195 216	#EFC3D8
33.3%	33.3% #F1CDD7	RGB 241 205 215	#F1CDD7
50.0%	50.0% #F4D7D8	RGB 244 215 216	#F4D7D8
66.7%	66.7% #F6E4E1	RGB 246 228 225	#F6E4E1
83.3%	83.3% #F8F0EB	RGB 248 240 235	#F8F0EB
100.0%	100.0% #FBF9F6	RGB 251 249 246	#FBF9F6

#EDBADE #EFC3D8 #F1CDD7 #F4D7D8 #F6E4E1 #F8F0EB #FBF9F6

#EDBADE - #F4D7D8 - #FBF9F6

Codici CSS

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

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