#B33C7E - #FA959B | 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 #B33C7E a #FA959B

#B33C7E #FA959B

Calcule el color entre dos colores, #B33C7E y #FA959B. 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)

#B33C7E - #FA959B | 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 #B33C7E como 0% y #FA959B como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #BE4A82	RGB 190 74 130	#BE4A82
33.3%	33.3% #CA5987	RGB 202 89 135	#CA5987
50.0%	50.0% #D6688C	RGB 214 104 140	#D6688C
66.7%	66.7% #E27791	RGB 226 119 145	#E27791
83.3%	83.3% #EE8696	RGB 238 134 150	#EE8696
100.0%	100.0% #FA959B	RGB 250 149 155	#FA959B

#B33C7E #BE4A82 #CA5987 #D6688C #E27791 #EE8696 #FA959B

#B33C7E - #FA959B

Mezcla HSV

#B33C7E - #FA959B | 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 #B33C7E como 0% y #FA959B como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #BE4880	RGB 190 72 128	#BE4880
33.3%	33.3% #CA5583	RGB 202 85 131	#CA5583
50.0%	50.0% #D66387	RGB 214 99 135	#D66387
66.7%	66.7% #E2738C	RGB 226 115 140	#E2738C
83.3%	83.3% #EE8392	RGB 238 131 146	#EE8392
100.0%	100.0% #FA959B	RGB 250 149 155	#FA959B

#B33C7E #BE4880 #CA5583 #D66387 #E2738C #EE8392 #FA959B

#B33C7E - #D66387 - #FA959B

Códigos CSS

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

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