#B3B5A2 - #EEE6BC | 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 #B3B5A2 a #EEE6BC

#B3B5A2 #EEE6BC

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

#B3B5A2 - #EEE6BC | 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 #B3B5A2 como 0% y #EEE6BC como 100%.

0.0%	0.0% #B3B5A2	RGB 179 181 162	#B3B5A2
16.7%	16.7% #BCBDA6	RGB 188 189 166	#BCBDA6
33.3%	33.3% #C6C5AA	RGB 198 197 170	#C6C5AA
50.0%	50.0% #D0CDAF	RGB 208 205 175	#D0CDAF
66.7%	66.7% #DAD5B3	RGB 218 213 179	#DAD5B3
83.3%	83.3% #E4DDB7	RGB 228 221 183	#E4DDB7
100.0%	100.0% #EEE6BC	RGB 238 230 188	#EEE6BC

#B3B5A2 #BCBDA6 #C6C5AA #D0CDAF #DAD5B3 #E4DDB7 #EEE6BC

#B3B5A2 - #EEE6BC

Mezcla HSV

#B3B5A2 - #EEE6BC | 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 #B3B5A2 como 0% y #EEE6BC como 100%.

0.0%	0.0% #B3B5A2	RGB 179 181 162	#B3B5A2
16.7%	16.7% #BDBEA7	RGB 189 190 167	#BDBEA7
33.3%	33.3% #C7C8AB	RGB 199 200 171	#C7C8AB
50.0%	50.0% #D1D0B0	RGB 209 208 176	#D1D0B0
66.7%	66.7% #DBD8B4	RGB 219 216 180	#DBD8B4
83.3%	83.3% #E4DFB8	RGB 228 223 184	#E4DFB8
100.0%	100.0% #EEE6BC	RGB 238 230 188	#EEE6BC

#B3B5A2 #BDBEA7 #C7C8AB #D1D0B0 #DBD8B4 #E4DFB8 #EEE6BC

#B3B5A2 - #D1D0B0 - #EEE6BC

Códigos CSS

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

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