#B0B6AF - #D7EAC6 | 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 #D7EAC6

#B0B6AF #D7EAC6

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

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #B6BEB2	RGB 182 190 178	#B6BEB2
33.3%	33.3% #BDC7B6	RGB 189 199 182	#BDC7B6
50.0%	50.0% #C3D0BA	RGB 195 208 186	#C3D0BA
66.7%	66.7% #CAD8BE	RGB 202 216 190	#CAD8BE
83.3%	83.3% #D0E1C2	RGB 208 225 194	#D0E1C2
100.0%	100.0% #D7EAC6	RGB 215 234 198	#D7EAC6

#B0B6AF #B6BEB2 #BDC7B6 #C3D0BA #CAD8BE #D0E1C2 #D7EAC6

#B0B6AF - #D7EAC6

Mezcla HSV

#B0B6AF - #D7EAC6 | 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 #D7EAC6 como 100%.

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #B5BEB3	RGB 181 190 179	#B5BEB3
33.3%	33.3% #BBC7B8	RGB 187 199 184	#BBC7B8
50.0%	50.0% #C2D0BC	RGB 194 208 188	#C2D0BC
66.7%	66.7% #C8D8BF	RGB 200 216 191	#C8D8BF
83.3%	83.3% #CFE1C3	RGB 207 225 195	#CFE1C3
100.0%	100.0% #D7EAC6	RGB 215 234 198	#D7EAC6

#B0B6AF #B5BEB3 #BBC7B8 #C2D0BC #C8D8BF #CFE1C3 #D7EAC6

#B0B6AF - #C2D0BC - #D7EAC6

Códigos CSS

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

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