#FF96C0 - #482A36 | 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 #FF96C0 a #482A36

#FF96C0 #482A36

Calcule el color entre dos colores, #FF96C0 y #482A36. 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)

#FF96C0 - #482A36 | 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 #FF96C0 como 0% y #482A36 como 100%.

0.0%	0.0% #FF96C0	RGB 255 150 192	#FF96C0
16.7%	16.7% #E084A9	RGB 224 132 169	#E084A9
33.3%	33.3% #C27292	RGB 194 114 146	#C27292
50.0%	50.0% #A3607B	RGB 163 96 123	#A3607B
66.7%	66.7% #844E64	RGB 132 78 100	#844E64
83.3%	83.3% #663C4D	RGB 102 60 77	#663C4D
100.0%	100.0% #482A36	RGB 72 42 54	#482A36

#FF96C0 #E084A9 #C27292 #A3607B #844E64 #663C4D #482A36

#FF96C0 - #482A36

Mezcla HSV

#FF96C0 - #482A36 | 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 #FF96C0 como 0% y #482A36 como 100%.

0.0%	0.0% #FF96C0	RGB 255 150 192	#FF96C0
16.7%	16.7% #E083A8	RGB 224 131 168	#E083A8
33.3%	33.3% #C27191	RGB 194 113 145	#C27191
50.0%	50.0% #A35F7A	RGB 163 95 122	#A35F7A
66.7%	66.7% #844D63	RGB 132 77 99	#844D63
83.3%	83.3% #663B4C	RGB 102 59 76	#663B4C
100.0%	100.0% #482A36	RGB 72 42 54	#482A36

#FF96C0 #E083A8 #C27191 #A35F7A #844D63 #663B4C #482A36

#FF96C0 - #A35F7A - #482A36

Códigos CSS

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

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