#FF3D3E - #FF9C3E | 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 #FF3D3E a #FF9C3E

#FF3D3E #FF9C3E

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

#FF3D3E - #FF9C3E | 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 #FF3D3E como 0% y #FF9C3E como 100%.

0.0%	0.0% #FF3D3E	RGB 255 61 62	#FF3D3E
16.7%	16.7% #FF4C3E	RGB 255 76 62	#FF4C3E
33.3%	33.3% #FF5C3E	RGB 255 92 62	#FF5C3E
50.0%	50.0% #FF6C3E	RGB 255 108 62	#FF6C3E
66.7%	66.7% #FF7C3E	RGB 255 124 62	#FF7C3E
83.3%	83.3% #FF8C3E	RGB 255 140 62	#FF8C3E
100.0%	100.0% #FF9C3E	RGB 255 156 62	#FF9C3E

#FF3D3E #FF4C3E #FF5C3E #FF6C3E #FF7C3E #FF8C3E #FF9C3E

#FF3D3E - #FF9C3E

Mezcla HSV

#FF3D3E - #FF9C3E | 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 #FF3D3E como 0% y #FF9C3E como 100%.

0.0%	0.0% #FF3D3D	RGB 255 61 61	#FF3D3D
16.7%	16.7% #FF4C3D	RGB 255 76 61	#FF4C3D
33.3%	33.3% #FF5C3D	RGB 255 92 61	#FF5C3D
50.0%	50.0% #FF6C3D	RGB 255 108 61	#FF6C3D
66.7%	66.7% #FF7C3D	RGB 255 124 61	#FF7C3D
83.3%	83.3% #FF8C3D	RGB 255 140 61	#FF8C3D
100.0%	100.0% #FF9C3E	RGB 255 156 62	#FF9C3E

#FF3D3D #FF4C3D #FF5C3D #FF6C3D #FF7C3D #FF8C3D #FF9C3E

#FF3D3E - #FF6C3D - #FF9C3E

Códigos CSS

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

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