#EEF7A8 - #FFB8C5 | 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 #EEF7A8 a #FFB8C5

#EEF7A8 #FFB8C5

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

#EEF7A8 - #FFB8C5 | 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 #EEF7A8 come 0% e #FFB8C5 come 100%.

0.0%	0.0% #EEF7A8	RGB 238 247 168	#EEF7A8
16.7%	16.7% #F0ECAC	RGB 240 236 172	#F0ECAC
33.3%	33.3% #F3E2B1	RGB 243 226 177	#F3E2B1
50.0%	50.0% #F6D7B6	RGB 246 215 182	#F6D7B6
66.7%	66.7% #F9CDBB	RGB 249 205 187	#F9CDBB
83.3%	83.3% #FCC2C0	RGB 252 194 192	#FCC2C0
100.0%	100.0% #FFB8C5	RGB 255 184 197	#FFB8C5

#EEF7A8 #F0ECAC #F3E2B1 #F6D7B6 #F9CDBB #FCC2C0 #FFB8C5

#EEF7A8 - #FFB8C5

Miscela HSV

#EEF7A8 - #FFB8C5 | 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 #EEF7A8 come 0% e #FFB8C5 come 100%.

0.0%	0.0% #EEF7A8	RGB 238 247 168	#EEF7A8
16.7%	16.7% #F8F0AA	RGB 248 240 170	#F8F0AA
33.3%	33.3% #F9E1AD	RGB 249 225 173	#F9E1AD
50.0%	50.0% #FBD2AF	RGB 251 210 175	#FBD2AF
66.7%	66.7% #FCC4B2	RGB 252 196 178	#FCC4B2
83.3%	83.3% #FDB7B5	RGB 253 183 181	#FDB7B5
100.0%	100.0% #FFB8C5	RGB 255 184 197	#FFB8C5

#EEF7A8 #F8F0AA #F9E1AD #FBD2AF #FCC4B2 #FDB7B5 #FFB8C5

#EEF7A8 - #FBD2AF - #FFB8C5

Codici CSS

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

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