#FF5E4D - #CD1D14 | 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 #FF5E4D a #CD1D14

#FF5E4D #CD1D14

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

#FF5E4D - #CD1D14 | 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 #FF5E4D como 0% y #CD1D14 como 100%.

0.0%	0.0% #FF5E4D	RGB 255 94 77	#FF5E4D
16.7%	16.7% #F65343	RGB 246 83 67	#F65343
33.3%	33.3% #EE483A	RGB 238 72 58	#EE483A
50.0%	50.0% #E63D30	RGB 230 61 48	#E63D30
66.7%	66.7% #DD3227	RGB 221 50 39	#DD3227
83.3%	83.3% #D5271D	RGB 213 39 29	#D5271D
100.0%	100.0% #CD1D14	RGB 205 29 20	#CD1D14

#FF5E4D #F65343 #EE483A #E63D30 #DD3227 #D5271D #CD1D14

#FF5E4D - #CD1D14

Mezcla HSV

#FF5E4D - #CD1D14 | 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 #FF5E4D como 0% y #CD1D14 como 100%.

0.0%	0.0% #FF5E4D	RGB 255 94 77	#FF5E4D
16.7%	16.7% #F65142	RGB 246 81 66	#F65142
33.3%	33.3% #EE4637	RGB 238 70 55	#EE4637
50.0%	50.0% #E63B2D	RGB 230 59 45	#E63B2D
66.7%	66.7% #DD3024	RGB 221 48 36	#DD3024
83.3%	83.3% #D5261C	RGB 213 38 28	#D5261C
100.0%	100.0% #CD1D14	RGB 205 29 20	#CD1D14

#FF5E4D #F65142 #EE4637 #E63B2D #DD3024 #D5261C #CD1D14

#FF5E4D - #E63B2D - #CD1D14

Códigos CSS

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

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