#C6BCBA - #AB7366 | 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 #C6BCBA a #AB7366

#C6BCBA #AB7366

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

#C6BCBA - #AB7366 | 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 #C6BCBA como 0% y #AB7366 como 100%.

0.0%	0.0% #C6BCBA	RGB 198 188 186	#C6BCBA
16.7%	16.7% #C1AFAC	RGB 193 175 172	#C1AFAC
33.3%	33.3% #BDA39E	RGB 189 163 158	#BDA39E
50.0%	50.0% #B89790	RGB 184 151 144	#B89790
66.7%	66.7% #B48B82	RGB 180 139 130	#B48B82
83.3%	83.3% #AF7F74	RGB 175 127 116	#AF7F74
100.0%	100.0% #AB7366	RGB 171 115 102	#AB7366

#C6BCBA #C1AFAC #BDA39E #B89790 #B48B82 #AF7F74 #AB7366

#C6BCBA - #AB7366

Mezcla HSV

#C6BCBA - #AB7366 | 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 #C6BCBA como 0% y #AB7366 como 100%.

0.0%	0.0% #C6BCBA	RGB 198 188 186	#C6BCBA
16.7%	16.7% #C1AEAA	RGB 193 174 170	#C1AEAA
33.3%	33.3% #BDA19B	RGB 189 161 155	#BDA19B
50.0%	50.0% #B8958D	RGB 184 149 141	#B8958D
66.7%	66.7% #B4897F	RGB 180 137 127	#B4897F
83.3%	83.3% #AF7D72	RGB 175 125 114	#AF7D72
100.0%	100.0% #AB7366	RGB 171 115 102	#AB7366

#C6BCBA #C1AEAA #BDA19B #B8958D #B4897F #AF7D72 #AB7366

#C6BCBA - #B8958D - #AB7366

Códigos CSS

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

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