#FF0211 - #FFB6BB | 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 #FF0211 a #FFB6BB

#FF0211 #FFB6BB

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

#FF0211 - #FFB6BB | 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 #FF0211 como 0% y #FFB6BB como 100%.

0.0%	0.0% #FF0211	RGB 255 2 17	#FF0211
16.7%	16.7% #FF202D	RGB 255 32 45	#FF202D
33.3%	33.3% #FF3E49	RGB 255 62 73	#FF3E49
50.0%	50.0% #FF5C66	RGB 255 92 102	#FF5C66
66.7%	66.7% #FF7A82	RGB 255 122 130	#FF7A82
83.3%	83.3% #FF989E	RGB 255 152 158	#FF989E
100.0%	100.0% #FFB6BB	RGB 255 182 187	#FFB6BB

#FF0211 #FF202D #FF3E49 #FF5C66 #FF7A82 #FF989E #FFB6BB

#FF0211 - #FFB6BB

Mezcla HSV

#FF0211 - #FFB6BB | 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 #FF0211 como 0% y #FFB6BB como 100%.

0.0%	0.0% #FF0111	RGB 255 1 17	#FF0111
16.7%	16.7% #FF1F2D	RGB 255 31 45	#FF1F2D
33.3%	33.3% #FF3D4A	RGB 255 61 74	#FF3D4A
50.0%	50.0% #FF5B66	RGB 255 91 102	#FF5B66
66.7%	66.7% #FF7A82	RGB 255 122 130	#FF7A82
83.3%	83.3% #FF979E	RGB 255 151 158	#FF979E
100.0%	100.0% #FFB6BB	RGB 255 182 187	#FFB6BB

#FF0111 #FF1F2D #FF3D4A #FF5B66 #FF7A82 #FF979E #FFB6BB

#FF0211 - #FF5B66 - #FFB6BB

Códigos CSS

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

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