#B6B2AF - #7C7059 | 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 #B6B2AF a #7C7059

#B6B2AF #7C7059

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

#B6B2AF - #7C7059 | 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 #B6B2AF como 0% y #7C7059 como 100%.

0.0%	0.0% #B6B2AF	RGB 182 178 175	#B6B2AF
16.7%	16.7% #ACA7A0	RGB 172 167 160	#ACA7A0
33.3%	33.3% #A29C92	RGB 162 156 146	#A29C92
50.0%	50.0% #999184	RGB 153 145 132	#999184
66.7%	66.7% #8F8675	RGB 143 134 117	#8F8675
83.3%	83.3% #857B67	RGB 133 123 103	#857B67
100.0%	100.0% #7C7059	RGB 124 112 89	#7C7059

#B6B2AF #ACA7A0 #A29C92 #999184 #8F8675 #857B67 #7C7059

#B6B2AF - #7C7059

Mezcla HSV

#B6B2AF - #7C7059 | 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 #B6B2AF como 0% y #7C7059 como 100%.

0.0%	0.0% #B6B2AF	RGB 182 178 175	#B6B2AF
16.7%	16.7% #ACA59E	RGB 172 165 158	#ACA59E
33.3%	33.3% #A2998F	RGB 162 153 143	#A2998F
50.0%	50.0% #998D80	RGB 153 141 128	#998D80
66.7%	66.7% #8F8372	RGB 143 131 114	#8F8372
83.3%	83.3% #857965	RGB 133 121 101	#857965
100.0%	100.0% #7C7059	RGB 124 112 89	#7C7059

#B6B2AF #ACA59E #A2998F #998D80 #8F8372 #857965 #7C7059

#B6B2AF - #998D80 - #7C7059

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B2AF 0%, #998D80 50%, #7C7059 100%);
    background: -webkit-linear-gradient(top, #B6B2AF 0%, #998D80 50%, #7C7059 100%);
    background: linear-gradient(to bottom, #B6B2AF 0%, #998D80 50%, #7C7059 100%);
}
</style>