#FF5E9D - #FFCFBD | 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 #FF5E9D a #FFCFBD

#FF5E9D #FFCFBD

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

#FF5E9D - #FFCFBD | 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 #FF5E9D come 0% e #FFCFBD come 100%.

0.0%	0.0% #FF5E9D	RGB 255 94 157	#FF5E9D
16.7%	16.7% #FF70A2	RGB 255 112 162	#FF70A2
33.3%	33.3% #FF83A7	RGB 255 131 167	#FF83A7
50.0%	50.0% #FF96AD	RGB 255 150 173	#FF96AD
66.7%	66.7% #FFA9B2	RGB 255 169 178	#FFA9B2
83.3%	83.3% #FFBCB7	RGB 255 188 183	#FFBCB7
100.0%	100.0% #FFCFBD	RGB 255 207 189	#FFCFBD

#FF5E9D #FF70A2 #FF83A7 #FF96AD #FFA9B2 #FFBCB7 #FFCFBD

#FF5E9D - #FFCFBD

Miscela HSV

#FF5E9D - #FFCFBD | 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 #FF5E9D come 0% e #FFCFBD come 100%.

0.0%	0.0% #FF5D9C	RGB 255 93 156	#FF5D9C
16.7%	16.7% #FF6D96	RGB 255 109 150	#FF6D96
33.3%	33.3% #FF7D93	RGB 255 125 147	#FF7D93
50.0%	50.0% #FF8D94	RGB 255 141 148	#FF8D94
66.7%	66.7% #FFA29D	RGB 255 162 157	#FFA29D
83.3%	83.3% #FFBAAD	RGB 255 186 173	#FFBAAD
100.0%	100.0% #FFCFBD	RGB 255 207 189	#FFCFBD

#FF5D9C #FF6D96 #FF7D93 #FF8D94 #FFA29D #FFBAAD #FFCFBD

#FF5E9D - #FF8D94 - #FFCFBD

Codici CSS

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

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