#BC5E79 - #FF87D9 | 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 #BC5E79 a #FF87D9

#BC5E79 #FF87D9

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

#BC5E79 - #FF87D9 | 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 #BC5E79 como 0% y #FF87D9 como 100%.

0.0%	0.0% #BC5E79	RGB 188 94 121	#BC5E79
16.7%	16.7% #C76489	RGB 199 100 137	#C76489
33.3%	33.3% #D26B99	RGB 210 107 153	#D26B99
50.0%	50.0% #DD72A9	RGB 221 114 169	#DD72A9
66.7%	66.7% #E879B9	RGB 232 121 185	#E879B9
83.3%	83.3% #F380C9	RGB 243 128 201	#F380C9
100.0%	100.0% #FF87D9	RGB 255 135 217	#FF87D9

#BC5E79 #C76489 #D26B99 #DD72A9 #E879B9 #F380C9 #FF87D9

#BC5E79 - #FF87D9

Mezcla HSV

#BC5E79 - #FF87D9 | 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 #BC5E79 como 0% y #FF87D9 como 100%.

0.0%	0.0% #BC5E79	RGB 188 94 121	#BC5E79
16.7%	16.7% #C76487	RGB 199 100 135	#C76487
33.3%	33.3% #D26B96	RGB 210 107 150	#D26B96
50.0%	50.0% #DD72A6	RGB 221 114 166	#DD72A6
66.7%	66.7% #E878B6	RGB 232 120 182	#E878B6
83.3%	83.3% #F37FC7	RGB 243 127 199	#F37FC7
100.0%	100.0% #FF87D9	RGB 255 135 217	#FF87D9

#BC5E79 #C76487 #D26B96 #DD72A6 #E878B6 #F37FC7 #FF87D9

#BC5E79 - #DD72A6 - #FF87D9

Códigos CSS

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

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