#BC8F99 - #EBDFE1 | 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 #BC8F99 a #EBDFE1

#BC8F99 #EBDFE1

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

#BC8F99 - #EBDFE1 | 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 #BC8F99 como 0% y #EBDFE1 como 100%.

0.0%	0.0% #BC8F99	RGB 188 143 153	#BC8F99
16.7%	16.7% #C39CA5	RGB 195 156 165	#C39CA5
33.3%	33.3% #CBA9B1	RGB 203 169 177	#CBA9B1
50.0%	50.0% #D3B7BD	RGB 211 183 189	#D3B7BD
66.7%	66.7% #DBC4C9	RGB 219 196 201	#DBC4C9
83.3%	83.3% #E3D1D5	RGB 227 209 213	#E3D1D5
100.0%	100.0% #EBDFE1	RGB 235 223 225	#EBDFE1

#BC8F99 #C39CA5 #CBA9B1 #D3B7BD #DBC4C9 #E3D1D5 #EBDFE1

#BC8F99 - #EBDFE1

Mezcla HSV

#BC8F99 - #EBDFE1 | 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 #BC8F99 como 0% y #EBDFE1 como 100%.

0.0%	0.0% #BC8F99	RGB 188 143 153	#BC8F99
16.7%	16.7% #C39BA3	RGB 195 155 163	#C39BA3
33.3%	33.3% #CBA7AF	RGB 203 167 175	#CBA7AF
50.0%	50.0% #D3B4BA	RGB 211 180 186	#D3B4BA
66.7%	66.7% #DBC2C6	RGB 219 194 198	#DBC2C6
83.3%	83.3% #E3D0D3	RGB 227 208 211	#E3D0D3
100.0%	100.0% #EBDFE1	RGB 235 223 225	#EBDFE1

#BC8F99 #C39BA3 #CBA7AF #D3B4BA #DBC2C6 #E3D0D3 #EBDFE1

#BC8F99 - #D3B4BA - #EBDFE1

Códigos CSS

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

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