#CCC7BB - #838F5E | 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 #CCC7BB a #838F5E

#CCC7BB #838F5E

Calcule el color entre dos colores, #CCC7BB y #838F5E. 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)

#CCC7BB - #838F5E | 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 #CCC7BB como 0% y #838F5E como 100%.

0.0%	0.0% #CCC7BB	RGB 204 199 187	#CCC7BB
16.7%	16.7% #BFBDAB	RGB 191 189 171	#BFBDAB
33.3%	33.3% #B3B49C	RGB 179 180 156	#B3B49C
50.0%	50.0% #A7AB8C	RGB 167 171 140	#A7AB8C
66.7%	66.7% #9BA17D	RGB 155 161 125	#9BA17D
83.3%	83.3% #8F986D	RGB 143 152 109	#8F986D
100.0%	100.0% #838F5E	RGB 131 143 94	#838F5E

#CCC7BB #BFBDAB #B3B49C #A7AB8C #9BA17D #8F986D #838F5E

#CCC7BB - #838F5E

Mezcla HSV

#CCC7BB - #838F5E | 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 #CCC7BB como 0% y #838F5E como 100%.

0.0%	0.0% #CCC7BB	RGB 204 199 187	#CCC7BB
16.7%	16.7% #C1BCA9	RGB 193 188 169	#C1BCA9
33.3%	33.3% #B7B498	RGB 183 180 152	#B7B498
50.0%	50.0% #ADAC88	RGB 173 172 136	#ADAC88
66.7%	66.7% #A0A379	RGB 160 163 121	#A0A379
83.3%	83.3% #92996B	RGB 146 153 107	#92996B
100.0%	100.0% #838F5E	RGB 131 143 94	#838F5E

#CCC7BB #C1BCA9 #B7B498 #ADAC88 #A0A379 #92996B #838F5E

#CCC7BB - #ADAC88 - #838F5E

Códigos CSS

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

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