#BA4A8C - #FBA7AB | 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 #BA4A8C a #FBA7AB

#BA4A8C #FBA7AB

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

#BA4A8C - #FBA7AB | 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 #BA4A8C como 0% y #FBA7AB como 100%.

0.0%	0.0% #BA4A8C	RGB 186 74 140	#BA4A8C
16.7%	16.7% #C45991	RGB 196 89 145	#C45991
33.3%	33.3% #CF6996	RGB 207 105 150	#CF6996
50.0%	50.0% #DA789B	RGB 218 120 155	#DA789B
66.7%	66.7% #E588A0	RGB 229 136 160	#E588A0
83.3%	83.3% #F097A5	RGB 240 151 165	#F097A5
100.0%	100.0% #FBA7AB	RGB 251 167 171	#FBA7AB

#BA4A8C #C45991 #CF6996 #DA789B #E588A0 #F097A5 #FBA7AB

#BA4A8C - #FBA7AB

Mezcla HSV

#BA4A8C - #FBA7AB | 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 #BA4A8C como 0% y #FBA7AB como 100%.

0.0%	0.0% #BA4A8B	RGB 186 74 139	#BA4A8B
16.7%	16.7% #C4578D	RGB 196 87 141	#C4578D
33.3%	33.3% #CF6590	RGB 207 101 144	#CF6590
50.0%	50.0% #DA7494	RGB 218 116 148	#DA7494
66.7%	66.7% #E5849A	RGB 229 132 154	#E5849A
83.3%	83.3% #F095A1	RGB 240 149 161	#F095A1
100.0%	100.0% #FBA7AB	RGB 251 167 171	#FBA7AB

#BA4A8B #C4578D #CF6590 #DA7494 #E5849A #F095A1 #FBA7AB

#BA4A8C - #DA7494 - #FBA7AB

Códigos CSS

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

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