#BC8F9C - #FFBFB1 | 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 #BC8F9C a #FFBFB1

#BC8F9C #FFBFB1

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

#BC8F9C - #FFBFB1 | 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 #BC8F9C como 0% y #FFBFB1 como 100%.

0.0%	0.0% #BC8F9C	RGB 188 143 156	#BC8F9C
16.7%	16.7% #C7979F	RGB 199 151 159	#C7979F
33.3%	33.3% #D29FA3	RGB 210 159 163	#D29FA3
50.0%	50.0% #DDA7A6	RGB 221 167 166	#DDA7A6
66.7%	66.7% #E8AFAA	RGB 232 175 170	#E8AFAA
83.3%	83.3% #F3B7AD	RGB 243 183 173	#F3B7AD
100.0%	100.0% #FFBFB1	RGB 255 191 177	#FFBFB1

#BC8F9C #C7979F #D29FA3 #DDA7A6 #E8AFAA #F3B7AD #FFBFB1

#BC8F9C - #FFBFB1

Mezcla HSV

#BC8F9C - #FFBFB1 | 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 #BC8F9C como 0% y #FFBFB1 como 100%.

0.0%	0.0% #BC8F9C	RGB 188 143 156	#BC8F9C
16.7%	16.7% #C7959F	RGB 199 149 159	#C7959F
33.3%	33.3% #D29BA2	RGB 210 155 162	#D29BA2
50.0%	50.0% #DDA1A4	RGB 221 161 164	#DDA1A4
66.7%	66.7% #E8A8A6	RGB 232 168 166	#E8A8A6
83.3%	83.3% #F3B3AB	RGB 243 179 171	#F3B3AB
100.0%	100.0% #FFBFB1	RGB 255 191 177	#FFBFB1

#BC8F9C #C7959F #D29BA2 #DDA1A4 #E8A8A6 #F3B3AB #FFBFB1

#BC8F9C - #DDA1A4 - #FFBFB1

Códigos CSS

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

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