#B7ADA2 - #FFE3BA | 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 #B7ADA2 a #FFE3BA

#B7ADA2 #FFE3BA

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

#B7ADA2 - #FFE3BA | 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 #B7ADA2 como 0% y #FFE3BA como 100%.

0.0%	0.0% #B7ADA2	RGB 183 173 162	#B7ADA2
16.7%	16.7% #C3B6A6	RGB 195 182 166	#C3B6A6
33.3%	33.3% #CFBFAA	RGB 207 191 170	#CFBFAA
50.0%	50.0% #DBC8AE	RGB 219 200 174	#DBC8AE
66.7%	66.7% #E7D1B2	RGB 231 209 178	#E7D1B2
83.3%	83.3% #F3DAB6	RGB 243 218 182	#F3DAB6
100.0%	100.0% #FFE3BA	RGB 255 227 186	#FFE3BA

#B7ADA2 #C3B6A6 #CFBFAA #DBC8AE #E7D1B2 #F3DAB6 #FFE3BA

#B7ADA2 - #FFE3BA

Mezcla HSV

#B7ADA2 - #FFE3BA | 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 #B7ADA2 como 0% y #FFE3BA como 100%.

0.0%	0.0% #B7ADA2	RGB 183 173 162	#B7ADA2
16.7%	16.7% #C3B6A7	RGB 195 182 167	#C3B6A7
33.3%	33.3% #CFBFAC	RGB 207 191 172	#CFBFAC
50.0%	50.0% #DBC8B0	RGB 219 200 176	#DBC8B0
66.7%	66.7% #E7D1B4	RGB 231 209 180	#E7D1B4
83.3%	83.3% #F3DAB7	RGB 243 218 183	#F3DAB7
100.0%	100.0% #FFE3BA	RGB 255 227 186	#FFE3BA

#B7ADA2 #C3B6A7 #CFBFAC #DBC8B0 #E7D1B4 #F3DAB7 #FFE3BA

#B7ADA2 - #DBC8B0 - #FFE3BA

Códigos CSS

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

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