#CEC8C3 - #A68271 | 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 #CEC8C3 a #A68271

#CEC8C3 #A68271

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

#CEC8C3 - #A68271 | 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 #CEC8C3 como 0% y #A68271 como 100%.

0.0%	0.0% #CEC8C3	RGB 206 200 195	#CEC8C3
16.7%	16.7% #C7BCB5	RGB 199 188 181	#C7BCB5
33.3%	33.3% #C0B0A7	RGB 192 176 167	#C0B0A7
50.0%	50.0% #BAA59A	RGB 186 165 154	#BAA59A
66.7%	66.7% #B3998C	RGB 179 153 140	#B3998C
83.3%	83.3% #AC8D7E	RGB 172 141 126	#AC8D7E
100.0%	100.0% #A68271	RGB 166 130 113	#A68271

#CEC8C3 #C7BCB5 #C0B0A7 #BAA59A #B3998C #AC8D7E #A68271

#CEC8C3 - #A68271

Mezcla HSV

#CEC8C3 - #A68271 | 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 #CEC8C3 como 0% y #A68271 como 100%.

0.0%	0.0% #CEC8C3	RGB 206 200 195	#CEC8C3
16.7%	16.7% #C7BCB3	RGB 199 188 179	#C7BCB3
33.3%	33.3% #C0B0A5	RGB 192 176 165	#C0B0A5
50.0%	50.0% #BAA497	RGB 186 164 151	#BAA497
66.7%	66.7% #B39989	RGB 179 153 137	#B39989
83.3%	83.3% #AC8D7D	RGB 172 141 125	#AC8D7D
100.0%	100.0% #A68271	RGB 166 130 113	#A68271

#CEC8C3 #C7BCB3 #C0B0A5 #BAA497 #B39989 #AC8D7D #A68271

#CEC8C3 - #BAA497 - #A68271

Códigos CSS

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

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