#C8A87C - #EFE6D9 | 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 #C8A87C a #EFE6D9

#C8A87C #EFE6D9

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

#C8A87C - #EFE6D9 | 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 #C8A87C como 0% y #EFE6D9 como 100%.

0.0%	0.0% #C8A87C	RGB 200 168 124	#C8A87C
16.7%	16.7% #CEB28B	RGB 206 178 139	#CEB28B
33.3%	33.3% #D5BC9B	RGB 213 188 155	#D5BC9B
50.0%	50.0% #DBC7AA	RGB 219 199 170	#DBC7AA
66.7%	66.7% #E2D1BA	RGB 226 209 186	#E2D1BA
83.3%	83.3% #E8DBC9	RGB 232 219 201	#E8DBC9
100.0%	100.0% #EFE6D9	RGB 239 230 217	#EFE6D9

#C8A87C #CEB28B #D5BC9B #DBC7AA #E2D1BA #E8DBC9 #EFE6D9

#C8A87C - #EFE6D9

Mezcla HSV

#C8A87C - #EFE6D9 | 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 #C8A87C como 0% y #EFE6D9 como 100%.

0.0%	0.0% #C8A87C	RGB 200 168 124	#C8A87C
16.7%	16.7% #CEB189	RGB 206 177 137	#CEB189
33.3%	33.3% #D5BB98	RGB 213 187 152	#D5BB98
50.0%	50.0% #DBC5A7	RGB 219 197 167	#DBC5A7
66.7%	66.7% #E2D0B7	RGB 226 208 183	#E2D0B7
83.3%	83.3% #E8DBC7	RGB 232 219 199	#E8DBC7
100.0%	100.0% #EFE6D9	RGB 239 230 217	#EFE6D9

#C8A87C #CEB189 #D5BB98 #DBC5A7 #E2D0B7 #E8DBC7 #EFE6D9

#C8A87C - #DBC5A7 - #EFE6D9

Códigos CSS

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

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