#B2B3B2 - #E2D4BC | 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 #E2D4BC

#B2B3B2 #E2D4BC

Calcule el color entre dos colores, #B2B3B2 y #E2D4BC. 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 - #E2D4BC | 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 #E2D4BC como 100%.

0.0%	0.0% #B2B3B2	RGB 178 179 178	#B2B3B2
16.7%	16.7% #BAB8B3	RGB 186 184 179	#BAB8B3
33.3%	33.3% #C2BEB5	RGB 194 190 181	#C2BEB5
50.0%	50.0% #CAC3B7	RGB 202 195 183	#CAC3B7
66.7%	66.7% #D2C9B8	RGB 210 201 184	#D2C9B8
83.3%	83.3% #DACEBA	RGB 218 206 186	#DACEBA
100.0%	100.0% #E2D4BC	RGB 226 212 188	#E2D4BC

#B2B3B2 #BAB8B3 #C2BEB5 #CAC3B7 #D2C9B8 #DACEBA #E2D4BC

#B2B3B2 - #E2D4BC

Mezcla HSV

#B2B3B2 - #E2D4BC | 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 #E2D4BC como 100%.

0.0%	0.0% #B2B3B2	RGB 178 179 178	#B2B3B2
16.7%	16.7% #B6BAB4	RGB 182 186 180	#B6BAB4
33.3%	33.3% #BCC2B7	RGB 188 194 183	#BCC2B7
50.0%	50.0% #C4CAB8	RGB 196 202 184	#C4CAB8
66.7%	66.7% #D0D2BA	RGB 208 210 186	#D0D2BA
83.3%	83.3% #DAD5BB	RGB 218 213 187	#DAD5BB
100.0%	100.0% #E2D4BC	RGB 226 212 188	#E2D4BC

#B2B3B2 #B6BAB4 #BCC2B7 #C4CAB8 #D0D2BA #DAD5BB #E2D4BC

#B2B3B2 - #C4CAB8 - #E2D4BC

Códigos CSS

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

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