#830096 - #E14CB3 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #830096 a #E14CB3

#830096 #E14CB3

Calcule el color entre dos colores, #830096 y #E14CB3. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#830096 - #E14CB3 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #830096 como 0% y #E14CB3 como 100%.

0.0%	0.0% #830096	RGB 131 0 150	#830096
16.7%	16.7% #920C9A	RGB 146 12 154	#920C9A
33.3%	33.3% #A2199F	RGB 162 25 159	#A2199F
50.0%	50.0% #B226A4	RGB 178 38 164	#B226A4
66.7%	66.7% #C132A9	RGB 193 50 169	#C132A9
83.3%	83.3% #D13FAE	RGB 209 63 174	#D13FAE
100.0%	100.0% #E14CB3	RGB 225 76 179	#E14CB3

#830096 #920C9A #A2199F #B226A4 #C132A9 #D13FAE #E14CB3

#830096 - #E14CB3

Mezcla HSV

#830096 - #E14CB3 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #830096 como 0% y #E14CB3 como 100%.

0.0%	0.0% #830096	RGB 131 0 150	#830096
16.7%	16.7% #9A09A2	RGB 154 9 162	#9A09A2
33.3%	33.3% #AF13AC	RGB 175 19 172	#AF13AC
50.0%	50.0% #BB1FAD	RGB 187 31 173	#BB1FAD
66.7%	66.7% #C82DAE	RGB 200 45 174	#C82DAE
83.3%	83.3% #D43BB0	RGB 212 59 176	#D43BB0
100.0%	100.0% #E14CB3	RGB 225 76 179	#E14CB3

#830096 #9A09A2 #AF13AC #BB1FAD #C82DAE #D43BB0 #E14CB3

#830096 - #BB1FAD - #E14CB3

Códigos CSS

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

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