#B3B6AF - #EAE8C6 | 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 #B3B6AF a #EAE8C6

#B3B6AF #EAE8C6

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

#B3B6AF - #EAE8C6 | 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 #B3B6AF como 0% y #EAE8C6 como 100%.

0.0%	0.0% #B3B6AF	RGB 179 182 175	#B3B6AF
16.7%	16.7% #BCBEB2	RGB 188 190 178	#BCBEB2
33.3%	33.3% #C5C6B6	RGB 197 198 182	#C5C6B6
50.0%	50.0% #CECFBA	RGB 206 207 186	#CECFBA
66.7%	66.7% #D7D7BE	RGB 215 215 190	#D7D7BE
83.3%	83.3% #E0DFC2	RGB 224 223 194	#E0DFC2
100.0%	100.0% #EAE8C6	RGB 234 232 198	#EAE8C6

#B3B6AF #BCBEB2 #C5C6B6 #CECFBA #D7D7BE #E0DFC2 #EAE8C6

#B3B6AF - #EAE8C6

Mezcla HSV

#B3B6AF - #EAE8C6 | 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 #B3B6AF como 0% y #EAE8C6 como 100%.

0.0%	0.0% #B3B6AF	RGB 179 182 175	#B3B6AF
16.7%	16.7% #BABEB3	RGB 186 190 179	#BABEB3
33.3%	33.3% #C3C7B8	RGB 195 199 184	#C3C7B8
50.0%	50.0% #CCD0BC	RGB 204 208 188	#CCD0BC
66.7%	66.7% #D6D8BF	RGB 214 216 191	#D6D8BF
83.3%	83.3% #E0E1C3	RGB 224 225 195	#E0E1C3
100.0%	100.0% #EAE8C6	RGB 234 232 198	#EAE8C6

#B3B6AF #BABEB3 #C3C7B8 #CCD0BC #D6D8BF #E0E1C3 #EAE8C6

#B3B6AF - #CCD0BC - #EAE8C6

Códigos CSS

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

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