#C5C8AE - #869259 | 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 #C5C8AE a #869259

#C5C8AE #869259

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

#C5C8AE - #869259 | 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 #C5C8AE como 0% y #869259 como 100%.

0.0%	0.0% #C5C8AE	RGB 197 200 174	#C5C8AE
16.7%	16.7% #BABF9F	RGB 186 191 159	#BABF9F
33.3%	33.3% #B0B691	RGB 176 182 145	#B0B691
50.0%	50.0% #A5AD83	RGB 165 173 131	#A5AD83
66.7%	66.7% #9BA475	RGB 155 164 117	#9BA475
83.3%	83.3% #909B67	RGB 144 155 103	#909B67
100.0%	100.0% #869259	RGB 134 146 89	#869259

#C5C8AE #BABF9F #B0B691 #A5AD83 #9BA475 #909B67 #869259

#C5C8AE - #869259

Mezcla HSV

#C5C8AE - #869259 | 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 #C5C8AE como 0% y #869259 como 100%.

0.0%	0.0% #C5C8AE	RGB 197 200 174	#C5C8AE
16.7%	16.7% #BABF9D	RGB 186 191 157	#BABF9D
33.3%	33.3% #B0B68E	RGB 176 182 142	#B0B68E
50.0%	50.0% #A5AD7F	RGB 165 173 127	#A5AD7F
66.7%	66.7% #9BA472	RGB 155 164 114	#9BA472
83.3%	83.3% #909B65	RGB 144 155 101	#909B65
100.0%	100.0% #869259	RGB 134 146 89	#869259

#C5C8AE #BABF9D #B0B68E #A5AD7F #9BA472 #909B65 #869259

#C5C8AE - #A5AD7F - #869259

Códigos CSS

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

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