#B0B6AF - #E6E2BB | 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 #B0B6AF a #E6E2BB

#B0B6AF #E6E2BB

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

#B0B6AF - #E6E2BB | 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 #B0B6AF como 0% y #E6E2BB como 100%.

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #B9BDB1	RGB 185 189 177	#B9BDB1
33.3%	33.3% #C2C4B3	RGB 194 196 179	#C2C4B3
50.0%	50.0% #CBCCB5	RGB 203 204 181	#CBCCB5
66.7%	66.7% #D4D3B7	RGB 212 211 183	#D4D3B7
83.3%	83.3% #DDDAB9	RGB 221 218 185	#DDDAB9
100.0%	100.0% #E6E2BB	RGB 230 226 187	#E6E2BB

#B0B6AF #B9BDB1 #C2C4B3 #CBCCB5 #D4D3B7 #DDDAB9 #E6E2BB

#B0B6AF - #E6E2BB

Mezcla HSV

#B0B6AF - #E6E2BB | 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 #B0B6AF como 0% y #E6E2BB como 100%.

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #B5BEB1	RGB 181 190 177	#B5BEB1
33.3%	33.3% #BCC6B4	RGB 188 198 180	#BCC6B4
50.0%	50.0% #C5CEB6	RGB 197 206 182	#C5CEB6
66.7%	66.7% #CFD6B8	RGB 207 214 184	#CFD6B8
83.3%	83.3% #DBDEB9	RGB 219 222 185	#DBDEB9
100.0%	100.0% #E6E2BB	RGB 230 226 187	#E6E2BB

#B0B6AF #B5BEB1 #BCC6B4 #C5CEB6 #CFD6B8 #DBDEB9 #E6E2BB

#B0B6AF - #C5CEB6 - #E6E2BB

Códigos CSS

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

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