#C6BABB - #8F6B6F | 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 #C6BABB a #8F6B6F

#C6BABB #8F6B6F

Calcule el color entre dos colores, #C6BABB y #8F6B6F. 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)

#C6BABB - #8F6B6F | 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 #C6BABB como 0% y #8F6B6F como 100%.

0.0%	0.0% #C6BABB	RGB 198 186 187	#C6BABB
16.7%	16.7% #BCACAE	RGB 188 172 174	#BCACAE
33.3%	33.3% #B39FA1	RGB 179 159 161	#B39FA1
50.0%	50.0% #AA9295	RGB 170 146 149	#AA9295
66.7%	66.7% #A18588	RGB 161 133 136	#A18588
83.3%	83.3% #98787B	RGB 152 120 123	#98787B
100.0%	100.0% #8F6B6F	RGB 143 107 111	#8F6B6F

#C6BABB #BCACAE #B39FA1 #AA9295 #A18588 #98787B #8F6B6F

#C6BABB - #8F6B6F

Mezcla HSV

#C6BABB - #8F6B6F | 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 #C6BABB como 0% y #8F6B6F como 100%.

0.0%	0.0% #C6BABB	RGB 198 186 187	#C6BABB
16.7%	16.7% #BCABAC	RGB 188 171 172	#BCABAC
33.3%	33.3% #B39D9F	RGB 179 157 159	#B39D9F
50.0%	50.0% #AA8F92	RGB 170 143 146	#AA8F92
66.7%	66.7% #A18286	RGB 161 130 134	#A18286
83.3%	83.3% #98767A	RGB 152 118 122	#98767A
100.0%	100.0% #8F6B6F	RGB 143 107 111	#8F6B6F

#C6BABB #BCABAC #B39D9F #AA8F92 #A18286 #98767A #8F6B6F

#C6BABB - #AA8F92 - #8F6B6F

Códigos CSS

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

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