#B05E7B - #FBAF94 | 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 #B05E7B a #FBAF94

#B05E7B #FBAF94

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

#B05E7B - #FBAF94 | 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 #B05E7B come 0% e #FBAF94 come 100%.

0.0%	0.0% #B05E7B	RGB 176 94 123	#B05E7B
16.7%	16.7% #BC6B7F	RGB 188 107 127	#BC6B7F
33.3%	33.3% #C97983	RGB 201 121 131	#C97983
50.0%	50.0% #D58687	RGB 213 134 135	#D58687
66.7%	66.7% #E2948B	RGB 226 148 139	#E2948B
83.3%	83.3% #EEA18F	RGB 238 161 143	#EEA18F
100.0%	100.0% #FBAF94	RGB 251 175 148	#FBAF94

#B05E7B #BC6B7F #C97983 #D58687 #E2948B #EEA18F #FBAF94

#B05E7B - #FBAF94

Miscela HSV

#B05E7B - #FBAF94 | 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 #B05E7B come 0% e #FBAF94 come 100%.

0.0%	0.0% #B05E7B	RGB 176 94 123	#B05E7B
16.7%	16.7% #BC667C	RGB 188 102 124	#BC667C
33.3%	33.3% #C96F7C	RGB 201 111 124	#C96F7C
50.0%	50.0% #D5777C	RGB 213 119 124	#D5777C
66.7%	66.7% #E28681	RGB 226 134 129	#E28681
83.3%	83.3% #EE9A8A	RGB 238 154 138	#EE9A8A
100.0%	100.0% #FBAF94	RGB 251 175 148	#FBAF94

#B05E7B #BC667C #C96F7C #D5777C #E28681 #EE9A8A #FBAF94

#B05E7B - #D5777C - #FBAF94

Codici CSS

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

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