#C92E35 - #5E0D14 | 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 #C92E35 a #5E0D14

#C92E35 #5E0D14

Calcule el color entre dos colores, #C92E35 y #5E0D14. 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)

#C92E35 - #5E0D14 | 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 #C92E35 como 0% y #5E0D14 como 100%.

0.0%	0.0% #C92E35	RGB 201 46 53	#C92E35
16.7%	16.7% #B7282F	RGB 183 40 47	#B7282F
33.3%	33.3% #A5232A	RGB 165 35 42	#A5232A
50.0%	50.0% #931D24	RGB 147 29 36	#931D24
66.7%	66.7% #81181F	RGB 129 24 31	#81181F
83.3%	83.3% #6F1219	RGB 111 18 25	#6F1219
100.0%	100.0% #5E0D14	RGB 94 13 20	#5E0D14

#C92E35 #B7282F #A5232A #931D24 #81181F #6F1219 #5E0D14

#C92E35 - #5E0D14

Mezcla HSV

#C92E35 - #5E0D14 | 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 #C92E35 como 0% y #5E0D14 como 100%.

0.0%	0.0% #C92E35	RGB 201 46 53	#C92E35
16.7%	16.7% #B7272E	RGB 183 39 46	#B7272E
33.3%	33.3% #A52028	RGB 165 32 40	#A52028
50.0%	50.0% #931B23	RGB 147 27 35	#931B23
66.7%	66.7% #81151D	RGB 129 21 29	#81151D
83.3%	83.3% #6F1118	RGB 111 17 24	#6F1118
100.0%	100.0% #5E0D14	RGB 94 13 20	#5E0D14

#C92E35 #B7272E #A52028 #931B23 #81151D #6F1118 #5E0D14

#C92E35 - #931B23 - #5E0D14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92E35 0%, #931B23 50%, #5E0D14 100%);
    background: -webkit-linear-gradient(top, #C92E35 0%, #931B23 50%, #5E0D14 100%);
    background: linear-gradient(to bottom, #C92E35 0%, #931B23 50%, #5E0D14 100%);
}
</style>