#FF9DEE - #E6F7E5 | 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 #FF9DEE a #E6F7E5

#FF9DEE #E6F7E5

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

#FF9DEE - #E6F7E5 | 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 #FF9DEE come 0% e #E6F7E5 come 100%.

0.0%	0.0% #FF9DEE	RGB 255 157 238	#FF9DEE
16.7%	16.7% #FAACEC	RGB 250 172 236	#FAACEC
33.3%	33.3% #F6BBEB	RGB 246 187 235	#F6BBEB
50.0%	50.0% #F2CAE9	RGB 242 202 233	#F2CAE9
66.7%	66.7% #EED9E8	RGB 238 217 232	#EED9E8
83.3%	83.3% #EAE8E6	RGB 234 232 230	#EAE8E6
100.0%	100.0% #E6F7E5	RGB 230 247 229	#E6F7E5

#FF9DEE #FAACEC #F6BBEB #F2CAE9 #EED9E8 #EAE8E6 #E6F7E5

#FF9DEE - #E6F7E5

Miscela HSV

#FF9DEE - #E6F7E5 | 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 #FF9DEE come 0% e #E6F7E5 come 100%.

0.0%	0.0% #FF9DEE	RGB 255 157 238	#FF9DEE
16.7%	16.7% #FDA9C8	RGB 253 169 200	#FDA9C8
33.3%	33.3% #FCBCB5	RGB 252 188 181	#FCBCB5
50.0%	50.0% #FBE1C1	RGB 251 225 193	#FBE1C1
66.7%	66.7% #F8F9CD	RGB 248 249 205	#F8F9CD
83.3%	83.3% #E9F8D9	RGB 233 248 217	#E9F8D9
100.0%	100.0% #E6F7E5	RGB 230 247 229	#E6F7E5

#FF9DEE #FDA9C8 #FCBCB5 #FBE1C1 #F8F9CD #E9F8D9 #E6F7E5

#FF9DEE - #FBE1C1 - #E6F7E5

Codici CSS

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

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