#F8C5E3 - #D5629F | 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 #F8C5E3 a #D5629F

#F8C5E3 #D5629F

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

#F8C5E3 - #D5629F | 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 #F8C5E3 come 0% e #D5629F come 100%.

0.0%	0.0% #F8C5E3	RGB 248 197 227	#F8C5E3
16.7%	16.7% #F2B4D7	RGB 242 180 215	#F2B4D7
33.3%	33.3% #ECA4CC	RGB 236 164 204	#ECA4CC
50.0%	50.0% #E693C1	RGB 230 147 193	#E693C1
66.7%	66.7% #E083B5	RGB 224 131 181	#E083B5
83.3%	83.3% #DA72AA	RGB 218 114 170	#DA72AA
100.0%	100.0% #D5629F	RGB 213 98 159	#D5629F

#F8C5E3 #F2B4D7 #ECA4CC #E693C1 #E083B5 #DA72AA #D5629F

#F8C5E3 - #D5629F

Miscela HSV

#F8C5E3 - #D5629F | 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 #F8C5E3 come 0% e #D5629F come 100%.

0.0%	0.0% #F8C5E3	RGB 248 197 227	#F8C5E3
16.7%	16.7% #F2B2D7	RGB 242 178 215	#F2B2D7
33.3%	33.3% #ECA1CC	RGB 236 161 204	#ECA1CC
50.0%	50.0% #E690C0	RGB 230 144 192	#E690C0
66.7%	66.7% #E080B5	RGB 224 128 181	#E080B5
83.3%	83.3% #DA70AA	RGB 218 112 170	#DA70AA
100.0%	100.0% #D5629F	RGB 213 98 159	#D5629F

#F8C5E3 #F2B2D7 #ECA1CC #E690C0 #E080B5 #DA70AA #D5629F

#F8C5E3 - #E690C0 - #D5629F

Codici CSS

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

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