#B6B6B5 - #FEE4C1 | 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 #B6B6B5 a #FEE4C1

#B6B6B5 #FEE4C1

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

#B6B6B5 - #FEE4C1 | 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 #B6B6B5 como 0% y #FEE4C1 como 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #C2BDB7	RGB 194 189 183	#C2BDB7
33.3%	33.3% #CEC5B9	RGB 206 197 185	#CEC5B9
50.0%	50.0% #DACDBB	RGB 218 205 187	#DACDBB
66.7%	66.7% #E6D4BD	RGB 230 212 189	#E6D4BD
83.3%	83.3% #F2DCBF	RGB 242 220 191	#F2DCBF
100.0%	100.0% #FEE4C1	RGB 254 228 193	#FEE4C1

#B6B6B5 #C2BDB7 #CEC5B9 #DACDBB #E6D4BD #F2DCBF #FEE4C1

#B6B6B5 - #FEE4C1

Mezcla HSV

#B6B6B5 - #FEE4C1 | 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 #B6B6B5 como 0% y #FEE4C1 como 100%.

0.0%	0.0% #B6B6B5	RGB 182 182 181	#B6B6B5
16.7%	16.7% #C2C1B9	RGB 194 193 185	#C2C1B9
33.3%	33.3% #CECBBC	RGB 206 203 188	#CECBBC
50.0%	50.0% #DAD4BF	RGB 218 212 191	#DAD4BF
66.7%	66.7% #E6DBC0	RGB 230 219 192	#E6DBC0
83.3%	83.3% #F2E0C1	RGB 242 224 193	#F2E0C1
100.0%	100.0% #FEE4C1	RGB 254 228 193	#FEE4C1

#B6B6B5 #C2C1B9 #CECBBC #DAD4BF #E6DBC0 #F2E0C1 #FEE4C1

#B6B6B5 - #DAD4BF - #FEE4C1

Códigos CSS

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

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