#C5C6BB - #858E67 | 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 #C5C6BB a #858E67

#C5C6BB #858E67

Calcule el color entre dos colores, #C5C6BB y #858E67. 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)

#C5C6BB - #858E67 | 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 #C5C6BB como 0% y #858E67 como 100%.

0.0%	0.0% #C5C6BB	RGB 197 198 187	#C5C6BB
16.7%	16.7% #BABCAD	RGB 186 188 173	#BABCAD
33.3%	33.3% #AFB39F	RGB 175 179 159	#AFB39F
50.0%	50.0% #A5AA91	RGB 165 170 145	#A5AA91
66.7%	66.7% #9AA083	RGB 154 160 131	#9AA083
83.3%	83.3% #8F9775	RGB 143 151 117	#8F9775
100.0%	100.0% #858E67	RGB 133 142 103	#858E67

#C5C6BB #BABCAD #AFB39F #A5AA91 #9AA083 #8F9775 #858E67

#C5C6BB - #858E67

Mezcla HSV

#C5C6BB - #858E67 | 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 #C5C6BB como 0% y #858E67 como 100%.

0.0%	0.0% #C5C6BB	RGB 197 198 187	#C5C6BB
16.7%	16.7% #BABCAB	RGB 186 188 171	#BABCAB
33.3%	33.3% #B0B39C	RGB 176 179 156	#B0B39C
50.0%	50.0% #A5AA8D	RGB 165 170 141	#A5AA8D
66.7%	66.7% #9AA080	RGB 154 160 128	#9AA080
83.3%	83.3% #8F9773	RGB 143 151 115	#8F9773
100.0%	100.0% #858E67	RGB 133 142 103	#858E67

#C5C6BB #BABCAB #B0B39C #A5AA8D #9AA080 #8F9773 #858E67

#C5C6BB - #A5AA8D - #858E67

Códigos CSS

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

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