#BA2B5E - #FF7E70 | 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 #BA2B5E a #FF7E70

#BA2B5E #FF7E70

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

#BA2B5E - #FF7E70 | 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 #BA2B5E como 0% y #FF7E70 como 100%.

0.0%	0.0% #BA2B5E	RGB 186 43 94	#BA2B5E
16.7%	16.7% #C53861	RGB 197 56 97	#C53861
33.3%	33.3% #D14664	RGB 209 70 100	#D14664
50.0%	50.0% #DC5467	RGB 220 84 103	#DC5467
66.7%	66.7% #E8626A	RGB 232 98 106	#E8626A
83.3%	83.3% #F3706D	RGB 243 112 109	#F3706D
100.0%	100.0% #FF7E70	RGB 255 126 112	#FF7E70

#BA2B5E #C53861 #D14664 #DC5467 #E8626A #F3706D #FF7E70

#BA2B5E - #FF7E70

Mezcla HSV

#BA2B5E - #FF7E70 | 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 #BA2B5E como 0% y #FF7E70 como 100%.

0.0%	0.0% #BA2B5E	RGB 186 43 94	#BA2B5E
16.7%	16.7% #C5345D	RGB 197 52 93	#C5345D
33.3%	33.3% #D13E5C	RGB 209 62 92	#D13E5C
50.0%	50.0% #DC495C	RGB 220 73 92	#DC495C
66.7%	66.7% #E8555D	RGB 232 85 93	#E8555D
83.3%	83.3% #F36562	RGB 243 101 98	#F36562
100.0%	100.0% #FF7E70	RGB 255 126 112	#FF7E70

#BA2B5E #C5345D #D13E5C #DC495C #E8555D #F36562 #FF7E70

#BA2B5E - #DC495C - #FF7E70

Códigos CSS

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

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