#FF5E7F - #B60839 | 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 #FF5E7F a #B60839

#FF5E7F #B60839

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

#FF5E7F - #B60839 | 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 #FF5E7F como 0% y #B60839 como 100%.

0.0%	0.0% #FF5E7F	RGB 255 94 127	#FF5E7F
16.7%	16.7% #F24F73	RGB 242 79 115	#F24F73
33.3%	33.3% #E64167	RGB 230 65 103	#E64167
50.0%	50.0% #DA335C	RGB 218 51 92	#DA335C
66.7%	66.7% #CE2450	RGB 206 36 80	#CE2450
83.3%	83.3% #C21644	RGB 194 22 68	#C21644
100.0%	100.0% #B60839	RGB 182 8 57	#B60839

#FF5E7F #F24F73 #E64167 #DA335C #CE2450 #C21644 #B60839

#FF5E7F - #B60839

Mezcla HSV

#FF5E7F - #B60839 | 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 #FF5E7F como 0% y #B60839 como 100%.

0.0%	0.0% #FF5D7F	RGB 255 93 127	#FF5D7F
16.7%	16.7% #F24C70	RGB 242 76 112	#F24C70
33.3%	33.3% #E63C63	RGB 230 60 99	#E63C63
50.0%	50.0% #DA2D57	RGB 218 45 87	#DA2D57
66.7%	66.7% #CE1F4C	RGB 206 31 76	#CE1F4C
83.3%	83.3% #C21342	RGB 194 19 66	#C21342
100.0%	100.0% #B60839	RGB 182 8 57	#B60839

#FF5D7F #F24C70 #E63C63 #DA2D57 #CE1F4C #C21342 #B60839

#FF5E7F - #DA2D57 - #B60839

Códigos CSS

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

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