#C9CAC3 - #889270 | 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 #C9CAC3 a #889270

#C9CAC3 #889270

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

#C9CAC3 - #889270 | 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 #C9CAC3 como 0% y #889270 como 100%.

0.0%	0.0% #C9CAC3	RGB 201 202 195	#C9CAC3
16.7%	16.7% #BEC0B5	RGB 190 192 181	#BEC0B5
33.3%	33.3% #B3B7A7	RGB 179 183 167	#B3B7A7
50.0%	50.0% #A8AE99	RGB 168 174 153	#A8AE99
66.7%	66.7% #9DA48B	RGB 157 164 139	#9DA48B
83.3%	83.3% #929B7D	RGB 146 155 125	#929B7D
100.0%	100.0% #889270	RGB 136 146 112	#889270

#C9CAC3 #BEC0B5 #B3B7A7 #A8AE99 #9DA48B #929B7D #889270

#C9CAC3 - #889270

Mezcla HSV

#C9CAC3 - #889270 | 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 #C9CAC3 como 0% y #889270 como 100%.

0.0%	0.0% #C9CAC3	RGB 201 202 195	#C9CAC3
16.7%	16.7% #BEC0B3	RGB 190 192 179	#BEC0B3
33.3%	33.3% #B3B7A4	RGB 179 183 164	#B3B7A4
50.0%	50.0% #A8AE96	RGB 168 174 150	#A8AE96
66.7%	66.7% #9DA489	RGB 157 164 137	#9DA489
83.3%	83.3% #929B7C	RGB 146 155 124	#929B7C
100.0%	100.0% #889270	RGB 136 146 112	#889270

#C9CAC3 #BEC0B3 #B3B7A4 #A8AE96 #9DA489 #929B7C #889270

#C9CAC3 - #A8AE96 - #889270

Códigos CSS

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

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