#FF014D - #FF6A4E | 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 #FF014D a #FF6A4E

#FF014D #FF6A4E

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

#FF014D - #FF6A4E | 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 #FF014D como 0% y #FF6A4E como 100%.

0.0%	0.0% #FF014D	RGB 255 1 77	#FF014D
16.7%	16.7% #FF124D	RGB 255 18 77	#FF124D
33.3%	33.3% #FF244D	RGB 255 36 77	#FF244D
50.0%	50.0% #FF354D	RGB 255 53 77	#FF354D
66.7%	66.7% #FF474D	RGB 255 71 77	#FF474D
83.3%	83.3% #FF584D	RGB 255 88 77	#FF584D
100.0%	100.0% #FF6A4E	RGB 255 106 78	#FF6A4E

#FF014D #FF124D #FF244D #FF354D #FF474D #FF584D #FF6A4E

#FF014D - #FF6A4E

Mezcla HSV

#FF014D - #FF6A4E | 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 #FF014D como 0% y #FF6A4E como 100%.

0.0%	0.0% #FF004C	RGB 255 0 76	#FF004C
16.7%	16.7% #FF0D43	RGB 255 13 67	#FF0D43
33.3%	33.3% #FF1A3C	RGB 255 26 60	#FF1A3C
50.0%	50.0% #FF2736	RGB 255 39 54	#FF2736
66.7%	66.7% #FF3534	RGB 255 53 52	#FF3534
83.3%	83.3% #FF5041	RGB 255 80 65	#FF5041
100.0%	100.0% #FF6A4E	RGB 255 106 78	#FF6A4E

#FF004C #FF0D43 #FF1A3C #FF2736 #FF3534 #FF5041 #FF6A4E

#FF014D - #FF2736 - #FF6A4E

Códigos CSS

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

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