#C7ACAC - #AF5E57 | 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 #C7ACAC a #AF5E57

#C7ACAC #AF5E57

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

#C7ACAC - #AF5E57 | 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 #C7ACAC como 0% y #AF5E57 como 100%.

0.0%	0.0% #C7ACAC	RGB 199 172 172	#C7ACAC
16.7%	16.7% #C39F9D	RGB 195 159 157	#C39F9D
33.3%	33.3% #BF928F	RGB 191 146 143	#BF928F
50.0%	50.0% #BB8581	RGB 187 133 129	#BB8581
66.7%	66.7% #B77873	RGB 183 120 115	#B77873
83.3%	83.3% #B36B65	RGB 179 107 101	#B36B65
100.0%	100.0% #AF5E57	RGB 175 94 87	#AF5E57

#C7ACAC #C39F9D #BF928F #BB8581 #B77873 #B36B65 #AF5E57

#C7ACAC - #AF5E57

Mezcla HSV

#C7ACAC - #AF5E57 | 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 #C7ACAC como 0% y #AF5E57 como 100%.

0.0%	0.0% #C7ACAC	RGB 199 172 172	#C7ACAC
16.7%	16.7% #C39D9C	RGB 195 157 156	#C39D9C
33.3%	33.3% #BF8F8D	RGB 191 143 141	#BF8F8D
50.0%	50.0% #BB817F	RGB 187 129 127	#BB817F
66.7%	66.7% #B77571	RGB 183 117 113	#B77571
83.3%	83.3% #B36963	RGB 179 105 99	#B36963
100.0%	100.0% #AF5E57	RGB 175 94 87	#AF5E57

#C7ACAC #C39D9C #BF8F8D #BB817F #B77571 #B36963 #AF5E57

#C7ACAC - #BB817F - #AF5E57

Códigos CSS

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

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