#B2B3B2 - #E2E0BC | 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 #B2B3B2 a #E2E0BC

#B2B3B2 #E2E0BC

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

#B2B3B2 - #E2E0BC | 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 #B2B3B2 como 0% y #E2E0BC como 100%.

0.0%	0.0% #B2B3B2	RGB 178 179 178	#B2B3B2
16.7%	16.7% #BABAB3	RGB 186 186 179	#BABAB3
33.3%	33.3% #C2C2B5	RGB 194 194 181	#C2C2B5
50.0%	50.0% #CAC9B7	RGB 202 201 183	#CAC9B7
66.7%	66.7% #D2D1B8	RGB 210 209 184	#D2D1B8
83.3%	83.3% #DAD8BA	RGB 218 216 186	#DAD8BA
100.0%	100.0% #E2E0BC	RGB 226 224 188	#E2E0BC

#B2B3B2 #BABAB3 #C2C2B5 #CAC9B7 #D2D1B8 #DAD8BA #E2E0BC

#B2B3B2 - #E2E0BC

Mezcla HSV

#B2B3B2 - #E2E0BC | 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 #B2B3B2 como 0% y #E2E0BC como 100%.

0.0%	0.0% #B2B3B2	RGB 178 179 178	#B2B3B2
16.7%	16.7% #B5BAB4	RGB 181 186 180	#B5BAB4
33.3%	33.3% #BBC2B7	RGB 187 194 183	#BBC2B7
50.0%	50.0% #C2CAB8	RGB 194 202 184	#C2CAB8
66.7%	66.7% #CBD2BA	RGB 203 210 186	#CBD2BA
83.3%	83.3% #D6DABB	RGB 214 218 187	#D6DABB
100.0%	100.0% #E2E0BC	RGB 226 224 188	#E2E0BC

#B2B3B2 #B5BAB4 #BBC2B7 #C2CAB8 #CBD2BA #D6DABB #E2E0BC

#B2B3B2 - #C2CAB8 - #E2E0BC

Códigos CSS

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

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