#BAB5B2 - #9A705D | 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 #BAB5B2 a #9A705D

#BAB5B2 #9A705D

Calcule el color entre dos colores, #BAB5B2 y #9A705D. 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)

#BAB5B2 - #9A705D | 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 #BAB5B2 como 0% y #9A705D como 100%.

0.0%	0.0% #BAB5B2	RGB 186 181 178	#BAB5B2
16.7%	16.7% #B4A9A3	RGB 180 169 163	#B4A9A3
33.3%	33.3% #AF9E95	RGB 175 158 149	#AF9E95
50.0%	50.0% #AA9287	RGB 170 146 135	#AA9287
66.7%	66.7% #A48779	RGB 164 135 121	#A48779
83.3%	83.3% #9F7B6B	RGB 159 123 107	#9F7B6B
100.0%	100.0% #9A705D	RGB 154 112 93	#9A705D

#BAB5B2 #B4A9A3 #AF9E95 #AA9287 #A48779 #9F7B6B #9A705D

#BAB5B2 - #9A705D

Mezcla HSV

#BAB5B2 - #9A705D | 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 #BAB5B2 como 0% y #9A705D como 100%.

0.0%	0.0% #BAB5B2	RGB 186 181 178	#BAB5B2
16.7%	16.7% #B4A8A2	RGB 180 168 162	#B4A8A2
33.3%	33.3% #AF9D93	RGB 175 157 147	#AF9D93
50.0%	50.0% #AA9184	RGB 170 145 132	#AA9184
66.7%	66.7% #A48676	RGB 164 134 118	#A48676
83.3%	83.3% #9F7A69	RGB 159 122 105	#9F7A69
100.0%	100.0% #9A705D	RGB 154 112 93	#9A705D

#BAB5B2 #B4A8A2 #AF9D93 #AA9184 #A48676 #9F7A69 #9A705D

#BAB5B2 - #AA9184 - #9A705D

Códigos CSS

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

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