#FC5E3E - #C6210F | 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 #FC5E3E a #C6210F

#FC5E3E #C6210F

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

#FC5E3E - #C6210F | 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 #FC5E3E como 0% y #C6210F como 100%.

0.0%	0.0% #FC5E3E	RGB 252 94 62	#FC5E3E
16.7%	16.7% #F35336	RGB 243 83 54	#F35336
33.3%	33.3% #EA492E	RGB 234 73 46	#EA492E
50.0%	50.0% #E13F26	RGB 225 63 38	#E13F26
66.7%	66.7% #D8351E	RGB 216 53 30	#D8351E
83.3%	83.3% #CF2B16	RGB 207 43 22	#CF2B16
100.0%	100.0% #C6210F	RGB 198 33 15	#C6210F

#FC5E3E #F35336 #EA492E #E13F26 #D8351E #CF2B16 #C6210F

#FC5E3E - #C6210F

Mezcla HSV

#FC5E3E - #C6210F | 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 #FC5E3E como 0% y #C6210F como 100%.

0.0%	0.0% #FC5E3E	RGB 252 94 62	#FC5E3E
16.7%	16.7% #F35234	RGB 243 82 52	#F35234
33.3%	33.3% #EA472C	RGB 234 71 44	#EA472C
50.0%	50.0% #E13D24	RGB 225 61 36	#E13D24
66.7%	66.7% #D8331C	RGB 216 51 28	#D8331C
83.3%	83.3% #CF2915	RGB 207 41 21	#CF2915
100.0%	100.0% #C6210F	RGB 198 33 15	#C6210F

#FC5E3E #F35234 #EA472C #E13D24 #D8331C #CF2915 #C6210F

#FC5E3E - #E13D24 - #C6210F

Códigos CSS

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

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