#BC8F9F - #EBDFE3 | 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 #BC8F9F a #EBDFE3

#BC8F9F #EBDFE3

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

#BC8F9F - #EBDFE3 | 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 #BC8F9F como 0% y #EBDFE3 como 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C39CAA	RGB 195 156 170	#C39CAA
33.3%	33.3% #CBA9B5	RGB 203 169 181	#CBA9B5
50.0%	50.0% #D3B7C1	RGB 211 183 193	#D3B7C1
66.7%	66.7% #DBC4CC	RGB 219 196 204	#DBC4CC
83.3%	83.3% #E3D1D7	RGB 227 209 215	#E3D1D7
100.0%	100.0% #EBDFE3	RGB 235 223 227	#EBDFE3

#BC8F9F #C39CAA #CBA9B5 #D3B7C1 #DBC4CC #E3D1D7 #EBDFE3

#BC8F9F - #EBDFE3

Mezcla HSV

#BC8F9F - #EBDFE3 | 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 #BC8F9F como 0% y #EBDFE3 como 100%.

0.0%	0.0% #BC8F9F	RGB 188 143 159	#BC8F9F
16.7%	16.7% #C39BA9	RGB 195 155 169	#C39BA9
33.3%	33.3% #CBA7B4	RGB 203 167 180	#CBA7B4
50.0%	50.0% #D3B4BF	RGB 211 180 191	#D3B4BF
66.7%	66.7% #DBC2CA	RGB 219 194 202	#DBC2CA
83.3%	83.3% #E3D0D6	RGB 227 208 214	#E3D0D6
100.0%	100.0% #EBDFE3	RGB 235 223 227	#EBDFE3

#BC8F9F #C39BA9 #CBA7B4 #D3B4BF #DBC2CA #E3D0D6 #EBDFE3

#BC8F9F - #D3B4BF - #EBDFE3

Códigos CSS

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

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