#B2B6AF - #E8E4BF | 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 #B2B6AF a #E8E4BF

#B2B6AF #E8E4BF

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

#B2B6AF - #E8E4BF | 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 #B2B6AF como 0% y #E8E4BF como 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #BBBDB1	RGB 187 189 177	#BBBDB1
33.3%	33.3% #C4C5B4	RGB 196 197 180	#C4C5B4
50.0%	50.0% #CDCDB7	RGB 205 205 183	#CDCDB7
66.7%	66.7% #D6D4B9	RGB 214 212 185	#D6D4B9
83.3%	83.3% #DFDCBC	RGB 223 220 188	#DFDCBC
100.0%	100.0% #E8E4BF	RGB 232 228 191	#E8E4BF

#B2B6AF #BBBDB1 #C4C5B4 #CDCDB7 #D6D4B9 #DFDCBC #E8E4BF

#B2B6AF - #E8E4BF

Mezcla HSV

#B2B6AF - #E8E4BF | 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 #B2B6AF como 0% y #E8E4BF como 100%.

0.0%	0.0% #B2B6AF	RGB 178 182 175	#B2B6AF
16.7%	16.7% #B8BEB2	RGB 184 190 178	#B8BEB2
33.3%	33.3% #C0C6B5	RGB 192 198 181	#C0C6B5
50.0%	50.0% #C9CFB8	RGB 201 207 184	#C9CFB8
66.7%	66.7% #D3D7BB	RGB 211 215 187	#D3D7BB
83.3%	83.3% #DFDFBD	RGB 223 223 189	#DFDFBD
100.0%	100.0% #E8E4BF	RGB 232 228 191	#E8E4BF

#B2B6AF #B8BEB2 #C0C6B5 #C9CFB8 #D3D7BB #DFDFBD #E8E4BF

#B2B6AF - #C9CFB8 - #E8E4BF

Códigos CSS

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

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