#FF535D - #AB0E24 | 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 #FF535D a #AB0E24

#FF535D #AB0E24

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

#FF535D - #AB0E24 | 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 #FF535D como 0% y #AB0E24 como 100%.

0.0%	0.0% #FF535D	RGB 255 83 93	#FF535D
16.7%	16.7% #F14753	RGB 241 71 83	#F14753
33.3%	33.3% #E33C4A	RGB 227 60 74	#E33C4A
50.0%	50.0% #D53040	RGB 213 48 64	#D53040
66.7%	66.7% #C72537	RGB 199 37 55	#C72537
83.3%	83.3% #B9192D	RGB 185 25 45	#B9192D
100.0%	100.0% #AB0E24	RGB 171 14 36	#AB0E24

#FF535D #F14753 #E33C4A #D53040 #C72537 #B9192D #AB0E24

#FF535D - #AB0E24

Mezcla HSV

#FF535D - #AB0E24 | 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 #FF535D como 0% y #AB0E24 como 100%.

0.0%	0.0% #FF535D	RGB 255 83 93	#FF535D
16.7%	16.7% #F14451	RGB 241 68 81	#F14451
33.3%	33.3% #E33746	RGB 227 55 70	#E33746
50.0%	50.0% #D52B3C	RGB 213 43 60	#D52B3C
66.7%	66.7% #C72033	RGB 199 32 51	#C72033
83.3%	83.3% #B9162B	RGB 185 22 43	#B9162B
100.0%	100.0% #AB0E24	RGB 171 14 36	#AB0E24

#FF535D #F14451 #E33746 #D52B3C #C72033 #B9162B #AB0E24

#FF535D - #D52B3C - #AB0E24

Códigos CSS

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

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