#C0A2AC - #8C4C5E | 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 #C0A2AC a #8C4C5E

#C0A2AC #8C4C5E

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

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

0.0%	0.0% #C0A2AC	RGB 192 162 172	#C0A2AC
16.7%	16.7% #B7939F	RGB 183 147 159	#B7939F
33.3%	33.3% #AE8592	RGB 174 133 146	#AE8592
50.0%	50.0% #A67785	RGB 166 119 133	#A67785
66.7%	66.7% #9D6878	RGB 157 104 120	#9D6878
83.3%	83.3% #945A6B	RGB 148 90 107	#945A6B
100.0%	100.0% #8C4C5E	RGB 140 76 94	#8C4C5E

#C0A2AC #B7939F #AE8592 #A67785 #9D6878 #945A6B #8C4C5E

#C0A2AC - #8C4C5E

Mezcla HSV

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

0.0%	0.0% #C0A2AC	RGB 192 162 172	#C0A2AC
16.7%	16.7% #B7919D	RGB 183 145 157	#B7919D
33.3%	33.3% #AE8190	RGB 174 129 144	#AE8190
50.0%	50.0% #A67382	RGB 166 115 130	#A67382
66.7%	66.7% #9D6575	RGB 157 101 117	#9D6575
83.3%	83.3% #945869	RGB 148 88 105	#945869
100.0%	100.0% #8C4C5E	RGB 140 76 94	#8C4C5E

#C0A2AC #B7919D #AE8190 #A67382 #9D6575 #945869 #8C4C5E

#C0A2AC - #A67382 - #8C4C5E

Códigos CSS

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

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