#93009E - #DFB6E3 | 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 #93009E a #DFB6E3

#93009E #DFB6E3

Calcule el color entre dos colores, #93009E y #DFB6E3. 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)

#93009E - #DFB6E3 | 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 #93009E como 0% y #DFB6E3 como 100%.

0.0%	0.0% #93009E	RGB 147 0 158	#93009E
16.7%	16.7% #9F1EA9	RGB 159 30 169	#9F1EA9
33.3%	33.3% #AC3CB5	RGB 172 60 181	#AC3CB5
50.0%	50.0% #B95BC0	RGB 185 91 192	#B95BC0
66.7%	66.7% #C579CC	RGB 197 121 204	#C579CC
83.3%	83.3% #D297D7	RGB 210 151 215	#D297D7
100.0%	100.0% #DFB6E3	RGB 223 182 227	#DFB6E3

#93009E #9F1EA9 #AC3CB5 #B95BC0 #C579CC #D297D7 #DFB6E3

#93009E - #DFB6E3

Mezcla HSV

#93009E - #DFB6E3 | 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 #93009E como 0% y #DFB6E3 como 100%.

0.0%	0.0% #93009E	RGB 147 0 158	#93009E
16.7%	16.7% #9E16A9	RGB 158 22 169	#9E16A9
33.3%	33.3% #AA30B5	RGB 170 48 181	#AA30B5
50.0%	50.0% #B74DC0	RGB 183 77 192	#B74DC0
66.7%	66.7% #C46DCC	RGB 196 109 204	#C46DCC
83.3%	83.3% #D18FD7	RGB 209 143 215	#D18FD7
100.0%	100.0% #DFB6E3	RGB 223 182 227	#DFB6E3

#93009E #9E16A9 #AA30B5 #B74DC0 #C46DCC #D18FD7 #DFB6E3

#93009E - #B74DC0 - #DFB6E3

Códigos CSS

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

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