#C4C5BB - #848C67 | 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 #C4C5BB a #848C67

#C4C5BB #848C67

Calcule el color entre dos colores, #C4C5BB y #848C67. 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)

#C4C5BB - #848C67 | 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 #C4C5BB como 0% y #848C67 como 100%.

0.0%	0.0% #C4C5BB	RGB 196 197 187	#C4C5BB
16.7%	16.7% #B9BBAD	RGB 185 187 173	#B9BBAD
33.3%	33.3% #AEB29F	RGB 174 178 159	#AEB29F
50.0%	50.0% #A4A891	RGB 164 168 145	#A4A891
66.7%	66.7% #999F83	RGB 153 159 131	#999F83
83.3%	83.3% #8E9575	RGB 142 149 117	#8E9575
100.0%	100.0% #848C67	RGB 132 140 103	#848C67

#C4C5BB #B9BBAD #AEB29F #A4A891 #999F83 #8E9575 #848C67

#C4C5BB - #848C67

Mezcla HSV

#C4C5BB - #848C67 | 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 #C4C5BB como 0% y #848C67 como 100%.

0.0%	0.0% #C4C5BB	RGB 196 197 187	#C4C5BB
16.7%	16.7% #B9BBAB	RGB 185 187 171	#B9BBAB
33.3%	33.3% #AEB29C	RGB 174 178 156	#AEB29C
50.0%	50.0% #A4A88D	RGB 164 168 141	#A4A88D
66.7%	66.7% #999F80	RGB 153 159 128	#999F80
83.3%	83.3% #8E9573	RGB 142 149 115	#8E9573
100.0%	100.0% #848C67	RGB 132 140 103	#848C67

#C4C5BB #B9BBAB #AEB29C #A4A88D #999F80 #8E9573 #848C67

#C4C5BB - #A4A88D - #848C67

Códigos CSS

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

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