#FF5E6B - #B2112B | 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 #FF5E6B a #B2112B

#FF5E6B #B2112B

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

#FF5E6B - #B2112B | 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 #FF5E6B como 0% y #B2112B como 100%.

0.0%	0.0% #FF5E6B	RGB 255 94 107	#FF5E6B
16.7%	16.7% #F25160	RGB 242 81 96	#F25160
33.3%	33.3% #E54455	RGB 229 68 85	#E54455
50.0%	50.0% #D8374B	RGB 216 55 75	#D8374B
66.7%	66.7% #CB2A40	RGB 203 42 64	#CB2A40
83.3%	83.3% #BE1D35	RGB 190 29 53	#BE1D35
100.0%	100.0% #B2112B	RGB 178 17 43	#B2112B

#FF5E6B #F25160 #E54455 #D8374B #CB2A40 #BE1D35 #B2112B

#FF5E6B - #B2112B

Mezcla HSV

#FF5E6B - #B2112B | 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 #FF5E6B como 0% y #B2112B como 100%.

0.0%	0.0% #FF5D6A	RGB 255 93 106	#FF5D6A
16.7%	16.7% #F24E5D	RGB 242 78 93	#F24E5D
33.3%	33.3% #E53F51	RGB 229 63 81	#E53F51
50.0%	50.0% #D83246	RGB 216 50 70	#D83246
66.7%	66.7% #CB253C	RGB 203 37 60	#CB253C
83.3%	83.3% #BE1A33	RGB 190 26 51	#BE1A33
100.0%	100.0% #B2112B	RGB 178 17 43	#B2112B

#FF5D6A #F24E5D #E53F51 #D83246 #CB253C #BE1A33 #B2112B

#FF5E6B - #D83246 - #B2112B

Códigos CSS

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

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