#FF2632 - #FF8429 | 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 #FF2632 a #FF8429

#FF2632 #FF8429

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

#FF2632 - #FF8429 | 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 #FF2632 como 0% y #FF8429 como 100%.

0.0%	0.0% #FF2632	RGB 255 38 50	#FF2632
16.7%	16.7% #FF3530	RGB 255 53 48	#FF3530
33.3%	33.3% #FF452F	RGB 255 69 47	#FF452F
50.0%	50.0% #FF552D	RGB 255 85 45	#FF552D
66.7%	66.7% #FF642C	RGB 255 100 44	#FF642C
83.3%	83.3% #FF742A	RGB 255 116 42	#FF742A
100.0%	100.0% #FF8429	RGB 255 132 41	#FF8429

#FF2632 #FF3530 #FF452F #FF552D #FF642C #FF742A #FF8429

#FF2632 - #FF8429

Mezcla HSV

#FF2632 - #FF8429 | 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 #FF2632 como 0% y #FF8429 como 100%.

0.0%	0.0% #FF2532	RGB 255 37 50	#FF2532
16.7%	16.7% #FF2B26	RGB 255 43 38	#FF2B26
33.3%	33.3% #FF3D26	RGB 255 61 38	#FF3D26
50.0%	50.0% #FF4F27	RGB 255 79 39	#FF4F27
66.7%	66.7% #FF6027	RGB 255 96 39	#FF6027
83.3%	83.3% #FF7228	RGB 255 114 40	#FF7228
100.0%	100.0% #FF8429	RGB 255 132 41	#FF8429

#FF2532 #FF2B26 #FF3D26 #FF4F27 #FF6027 #FF7228 #FF8429

#FF2632 - #FF4F27 - #FF8429

Códigos CSS

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

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