#B05BCD - #E8D0F0 | 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 #B05BCD a #E8D0F0

#B05BCD #E8D0F0

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

#B05BCD - #E8D0F0 | 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 #B05BCD come 0% e #E8D0F0 come 100%.

0.0%	0.0% #B05BCD	RGB 176 91 205	#B05BCD
16.7%	16.7% #B96ED2	RGB 185 110 210	#B96ED2
33.3%	33.3% #C282D8	RGB 194 130 216	#C282D8
50.0%	50.0% #CC95DE	RGB 204 149 222	#CC95DE
66.7%	66.7% #D5A9E4	RGB 213 169 228	#D5A9E4
83.3%	83.3% #DEBCEA	RGB 222 188 234	#DEBCEA
100.0%	100.0% #E8D0F0	RGB 232 208 240	#E8D0F0

#B05BCD #B96ED2 #C282D8 #CC95DE #D5A9E4 #DEBCEA #E8D0F0

#B05BCD - #E8D0F0

Miscela HSV

#B05BCD - #E8D0F0 | 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 #B05BCD come 0% e #E8D0F0 come 100%.

0.0%	0.0% #AF5BCD	RGB 175 91 205	#AF5BCD
16.7%	16.7% #B86CD2	RGB 184 108 210	#B86CD2
33.3%	33.3% #C17ED8	RGB 193 126 216	#C17ED8
50.0%	50.0% #CB91DE	RGB 203 145 222	#CB91DE
66.7%	66.7% #D4A5E4	RGB 212 165 228	#D4A5E4
83.3%	83.3% #DEBAEA	RGB 222 186 234	#DEBAEA
100.0%	100.0% #E8D0F0	RGB 232 208 240	#E8D0F0

#AF5BCD #B86CD2 #C17ED8 #CB91DE #D4A5E4 #DEBAEA #E8D0F0

#B05BCD - #CB91DE - #E8D0F0

Codici CSS

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

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