#FFBAD9 - #CF4D7E | 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 #FFBAD9 a #CF4D7E

#FFBAD9 #CF4D7E

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

#FFBAD9 - #CF4D7E | 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 #FFBAD9 come 0% e #CF4D7E come 100%.

0.0%	0.0% #FFBAD9	RGB 255 186 217	#FFBAD9
16.7%	16.7% #F7A7C9	RGB 247 167 201	#F7A7C9
33.3%	33.3% #EF95BA	RGB 239 149 186	#EF95BA
50.0%	50.0% #E783AB	RGB 231 131 171	#E783AB
66.7%	66.7% #DF719C	RGB 223 113 156	#DF719C
83.3%	83.3% #D75F8D	RGB 215 95 141	#D75F8D
100.0%	100.0% #CF4D7E	RGB 207 77 126	#CF4D7E

#FFBAD9 #F7A7C9 #EF95BA #E783AB #DF719C #D75F8D #CF4D7E

#FFBAD9 - #CF4D7E

Miscela HSV

#FFBAD9 - #CF4D7E | 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 #FFBAD9 come 0% e #CF4D7E come 100%.

0.0%	0.0% #FFBAD9	RGB 255 186 217	#FFBAD9
16.7%	16.7% #F7A5C9	RGB 247 165 201	#F7A5C9
33.3%	33.3% #EF91B9	RGB 239 145 185	#EF91B9
50.0%	50.0% #E77FAA	RGB 231 127 170	#E77FAA
66.7%	66.7% #DF6D9B	RGB 223 109 155	#DF6D9B
83.3%	83.3% #D75C8C	RGB 215 92 140	#D75C8C
100.0%	100.0% #CF4D7E	RGB 207 77 126	#CF4D7E

#FFBAD9 #F7A5C9 #EF91B9 #E77FAA #DF6D9B #D75C8C #CF4D7E

#FFBAD9 - #E77FAA - #CF4D7E

Codici CSS

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

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