#FF8C9B - #C92D4E | 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 #FF8C9B a #C92D4E

#FF8C9B #C92D4E

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

#FF8C9B - #C92D4E | 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 #FF8C9B como 0% y #C92D4E como 100%.

0.0%	0.0% #FF8C9B	RGB 255 140 155	#FF8C9B
16.7%	16.7% #F67C8E	RGB 246 124 142	#F67C8E
33.3%	33.3% #ED6C81	RGB 237 108 129	#ED6C81
50.0%	50.0% #E45C74	RGB 228 92 116	#E45C74
66.7%	66.7% #DB4C67	RGB 219 76 103	#DB4C67
83.3%	83.3% #D23C5A	RGB 210 60 90	#D23C5A
100.0%	100.0% #C92D4E	RGB 201 45 78	#C92D4E

#FF8C9B #F67C8E #ED6C81 #E45C74 #DB4C67 #D23C5A #C92D4E

#FF8C9B - #C92D4E

Mezcla HSV

#FF8C9B - #C92D4E | 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 #FF8C9B como 0% y #C92D4E como 100%.

0.0%	0.0% #FF8C9B	RGB 255 140 155	#FF8C9B
16.7%	16.7% #F6798B	RGB 246 121 139	#F6798B
33.3%	33.3% #ED687D	RGB 237 104 125	#ED687D
50.0%	50.0% #E45870	RGB 228 88 112	#E45870
66.7%	66.7% #DB4863	RGB 219 72 99	#DB4863
83.3%	83.3% #D23A58	RGB 210 58 88	#D23A58
100.0%	100.0% #C92D4E	RGB 201 45 78	#C92D4E

#FF8C9B #F6798B #ED687D #E45870 #DB4863 #D23A58 #C92D4E

#FF8C9B - #E45870 - #C92D4E

Códigos CSS

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

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