#B2207F - #FC7CA1 | 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 #B2207F a #FC7CA1

#B2207F #FC7CA1

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

#B2207F - #FC7CA1 | 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 #B2207F como 0% y #FC7CA1 como 100%.

0.0%	0.0% #B2207F	RGB 178 32 127	#B2207F
16.7%	16.7% #BE2F84	RGB 190 47 132	#BE2F84
33.3%	33.3% #CA3E8A	RGB 202 62 138	#CA3E8A
50.0%	50.0% #D74E90	RGB 215 78 144	#D74E90
66.7%	66.7% #E35D95	RGB 227 93 149	#E35D95
83.3%	83.3% #EF6C9B	RGB 239 108 155	#EF6C9B
100.0%	100.0% #FC7CA1	RGB 252 124 161	#FC7CA1

#B2207F #BE2F84 #CA3E8A #D74E90 #E35D95 #EF6C9B #FC7CA1

#B2207F - #FC7CA1

Mezcla HSV

#B2207F - #FC7CA1 | 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 #B2207F como 0% y #FC7CA1 como 100%.

0.0%	0.0% #B2207F	RGB 178 32 127	#B2207F
16.7%	16.7% #BE2C82	RGB 190 44 130	#BE2C82
33.3%	33.3% #CA3986	RGB 202 57 134	#CA3986
50.0%	50.0% #D7488B	RGB 215 72 139	#D7488B
66.7%	66.7% #E35891	RGB 227 88 145	#E35891
83.3%	83.3% #EF6998	RGB 239 105 152	#EF6998
100.0%	100.0% #FC7CA1	RGB 252 124 161	#FC7CA1

#B2207F #BE2C82 #CA3986 #D7488B #E35891 #EF6998 #FC7CA1

#B2207F - #D7488B - #FC7CA1

Códigos CSS

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

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