#C8A2AC - #934C5E | 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 #C8A2AC a #934C5E

#C8A2AC #934C5E

Calcule el color entre dos colores, #C8A2AC y #934C5E. 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)

#C8A2AC - #934C5E | 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 #C8A2AC como 0% y #934C5E como 100%.

0.0%	0.0% #C8A2AC	RGB 200 162 172	#C8A2AC
16.7%	16.7% #BF939F	RGB 191 147 159	#BF939F
33.3%	33.3% #B68592	RGB 182 133 146	#B68592
50.0%	50.0% #AD7785	RGB 173 119 133	#AD7785
66.7%	66.7% #A46878	RGB 164 104 120	#A46878
83.3%	83.3% #9B5A6B	RGB 155 90 107	#9B5A6B
100.0%	100.0% #934C5E	RGB 147 76 94	#934C5E

#C8A2AC #BF939F #B68592 #AD7785 #A46878 #9B5A6B #934C5E

#C8A2AC - #934C5E

Mezcla HSV

#C8A2AC - #934C5E | 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 #C8A2AC como 0% y #934C5E como 100%.

0.0%	0.0% #C8A2AC	RGB 200 162 172	#C8A2AC
16.7%	16.7% #BF919D	RGB 191 145 157	#BF919D
33.3%	33.3% #B6818F	RGB 182 129 143	#B6818F
50.0%	50.0% #AD7382	RGB 173 115 130	#AD7382
66.7%	66.7% #A46575	RGB 164 101 117	#A46575
83.3%	83.3% #9B5869	RGB 155 88 105	#9B5869
100.0%	100.0% #934C5E	RGB 147 76 94	#934C5E

#C8A2AC #BF919D #B6818F #AD7382 #A46575 #9B5869 #934C5E

#C8A2AC - #AD7382 - #934C5E

Códigos CSS

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

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