#B6ADA7 - #FFE4BF | 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 #B6ADA7 a #FFE4BF

#B6ADA7 #FFE4BF

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

#B6ADA7 - #FFE4BF | 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 #B6ADA7 como 0% y #FFE4BF como 100%.

0.0%	0.0% #B6ADA7	RGB 182 173 167	#B6ADA7
16.7%	16.7% #C2B6AB	RGB 194 182 171	#C2B6AB
33.3%	33.3% #CEBFAF	RGB 206 191 175	#CEBFAF
50.0%	50.0% #DAC8B3	RGB 218 200 179	#DAC8B3
66.7%	66.7% #E6D1B7	RGB 230 209 183	#E6D1B7
83.3%	83.3% #F2DABB	RGB 242 218 187	#F2DABB
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#B6ADA7 #C2B6AB #CEBFAF #DAC8B3 #E6D1B7 #F2DABB #FFE4BF

#B6ADA7 - #FFE4BF

Mezcla HSV

#B6ADA7 - #FFE4BF | 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 #B6ADA7 como 0% y #FFE4BF como 100%.

0.0%	0.0% #B6ADA7	RGB 182 173 167	#B6ADA7
16.7%	16.7% #C2B5AC	RGB 194 181 172	#C2B5AC
33.3%	33.3% #CEBEB1	RGB 206 190 177	#CEBEB1
50.0%	50.0% #DAC7B6	RGB 218 199 182	#DAC7B6
66.7%	66.7% #E6D1B9	RGB 230 209 185	#E6D1B9
83.3%	83.3% #F2DABC	RGB 242 218 188	#F2DABC
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#B6ADA7 #C2B5AC #CEBEB1 #DAC7B6 #E6D1B9 #F2DABC #FFE4BF

#B6ADA7 - #DAC7B6 - #FFE4BF

Códigos CSS

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

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