#B2B6A0 - #EFE6BA | 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 #B2B6A0 a #EFE6BA

#B2B6A0 #EFE6BA

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

#B2B6A0 - #EFE6BA | 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 #B2B6A0 como 0% y #EFE6BA como 100%.

0.0%	0.0% #B2B6A0	RGB 178 182 160	#B2B6A0
16.7%	16.7% #BCBEA4	RGB 188 190 164	#BCBEA4
33.3%	33.3% #C6C6A8	RGB 198 198 168	#C6C6A8
50.0%	50.0% #D0CEAD	RGB 208 206 173	#D0CEAD
66.7%	66.7% #DAD6B1	RGB 218 214 177	#DAD6B1
83.3%	83.3% #E4DEB5	RGB 228 222 181	#E4DEB5
100.0%	100.0% #EFE6BA	RGB 239 230 186	#EFE6BA

#B2B6A0 #BCBEA4 #C6C6A8 #D0CEAD #DAD6B1 #E4DEB5 #EFE6BA

#B2B6A0 - #EFE6BA

Mezcla HSV

#B2B6A0 - #EFE6BA | 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 #B2B6A0 como 0% y #EFE6BA como 100%.

0.0%	0.0% #B2B6A0	RGB 178 182 160	#B2B6A0
16.7%	16.7% #BCBFA5	RGB 188 191 165	#BCBFA5
33.3%	33.3% #C6C9A9	RGB 198 201 169	#C6C9A9
50.0%	50.0% #D2D2AE	RGB 210 210 174	#D2D2AE
66.7%	66.7% #DCD9B2	RGB 220 217 178	#DCD9B2
83.3%	83.3% #E5E0B6	RGB 229 224 182	#E5E0B6
100.0%	100.0% #EFE6BA	RGB 239 230 186	#EFE6BA

#B2B6A0 #BCBFA5 #C6C9A9 #D2D2AE #DCD9B2 #E5E0B6 #EFE6BA

#B2B6A0 - #D2D2AE - #EFE6BA

Códigos CSS

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

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