#FF000F - #FFB6BA | 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 #FF000F a #FFB6BA

#FF000F #FFB6BA

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

#FF000F - #FFB6BA | 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 #FF000F como 0% y #FFB6BA como 100%.

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF1E2B	RGB 255 30 43	#FF1E2B
33.3%	33.3% #FF3C48	RGB 255 60 72	#FF3C48
50.0%	50.0% #FF5B64	RGB 255 91 100	#FF5B64
66.7%	66.7% #FF7981	RGB 255 121 129	#FF7981
83.3%	83.3% #FF979D	RGB 255 151 157	#FF979D
100.0%	100.0% #FFB6BA	RGB 255 182 186	#FFB6BA

#FF000F #FF1E2B #FF3C48 #FF5B64 #FF7981 #FF979D #FFB6BA

#FF000F - #FFB6BA

Mezcla HSV

#FF000F - #FFB6BA | 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 #FF000F como 0% y #FFB6BA como 100%.

0.0%	0.0% #FF000F	RGB 255 0 15	#FF000F
16.7%	16.7% #FF1E2B	RGB 255 30 43	#FF1E2B
33.3%	33.3% #FF3C47	RGB 255 60 71	#FF3C47
50.0%	50.0% #FF5B64	RGB 255 91 100	#FF5B64
66.7%	66.7% #FF7980	RGB 255 121 128	#FF7980
83.3%	83.3% #FF979D	RGB 255 151 157	#FF979D
100.0%	100.0% #FFB6BA	RGB 255 182 186	#FFB6BA

#FF000F #FF1E2B #FF3C47 #FF5B64 #FF7980 #FF979D #FFB6BA

#FF000F - #FF5B64 - #FFB6BA

Códigos CSS

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

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