#B6B4AF - #FFE5C1 | 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 #B6B4AF a #FFE5C1

#B6B4AF #FFE5C1

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

#B6B4AF - #FFE5C1 | 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 #B6B4AF como 0% y #FFE5C1 como 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #C2BCB2	RGB 194 188 178	#C2BCB2
33.3%	33.3% #CEC4B5	RGB 206 196 181	#CEC4B5
50.0%	50.0% #DACCB8	RGB 218 204 184	#DACCB8
66.7%	66.7% #E6D4BB	RGB 230 212 187	#E6D4BB
83.3%	83.3% #F2DCBE	RGB 242 220 190	#F2DCBE
100.0%	100.0% #FFE5C1	RGB 255 229 193	#FFE5C1

#B6B4AF #C2BCB2 #CEC4B5 #DACCB8 #E6D4BB #F2DCBE #FFE5C1

#B6B4AF - #FFE5C1

Mezcla HSV

#B6B4AF - #FFE5C1 | 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 #B6B4AF como 0% y #FFE5C1 como 100%.

0.0%	0.0% #B6B4AF	RGB 182 180 175	#B6B4AF
16.7%	16.7% #C2BDB4	RGB 194 189 180	#C2BDB4
33.3%	33.3% #CEC7B8	RGB 206 199 184	#CEC7B8
50.0%	50.0% #DACFBB	RGB 218 207 187	#DACFBB
66.7%	66.7% #E6D7BE	RGB 230 215 190	#E6D7BE
83.3%	83.3% #F2DEC0	RGB 242 222 192	#F2DEC0
100.0%	100.0% #FFE5C1	RGB 255 229 193	#FFE5C1

#B6B4AF #C2BDB4 #CEC7B8 #DACFBB #E6D7BE #F2DEC0 #FFE5C1

#B6B4AF - #DACFBB - #FFE5C1

Códigos CSS

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

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