#C9CAC5 - #869372 | 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 #C9CAC5 a #869372

#C9CAC5 #869372

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

#C9CAC5 - #869372 | 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 #C9CAC5 como 0% y #869372 como 100%.

0.0%	0.0% #C9CAC5	RGB 201 202 197	#C9CAC5
16.7%	16.7% #BDC0B7	RGB 189 192 183	#BDC0B7
33.3%	33.3% #B2B7A9	RGB 178 183 169	#B2B7A9
50.0%	50.0% #A7AE9B	RGB 167 174 155	#A7AE9B
66.7%	66.7% #9CA58D	RGB 156 165 141	#9CA58D
83.3%	83.3% #919C7F	RGB 145 156 127	#919C7F
100.0%	100.0% #869372	RGB 134 147 114	#869372

#C9CAC5 #BDC0B7 #B2B7A9 #A7AE9B #9CA58D #919C7F #869372

#C9CAC5 - #869372

Mezcla HSV

#C9CAC5 - #869372 | 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 #C9CAC5 como 0% y #869372 como 100%.

0.0%	0.0% #C9CAC5	RGB 201 202 197	#C9CAC5
16.7%	16.7% #BEC0B5	RGB 190 192 181	#BEC0B5
33.3%	33.3% #B3B7A6	RGB 179 183 166	#B3B7A6
50.0%	50.0% #A8AE98	RGB 168 174 152	#A8AE98
66.7%	66.7% #9CA58B	RGB 156 165 139	#9CA58B
83.3%	83.3% #919C7E	RGB 145 156 126	#919C7E
100.0%	100.0% #869372	RGB 134 147 114	#869372

#C9CAC5 #BEC0B5 #B3B7A6 #A8AE98 #9CA58B #919C7E #869372

#C9CAC5 - #A8AE98 - #869372

Códigos CSS

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

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