#CEC8C3 - #AE8671 | 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 #AE8671

#CEC8C3 #AE8671

Calcule el color entre dos colores, #CEC8C3 y #AE8671. 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 - #AE8671 | 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 #AE8671 como 100%.

0.0%	0.0% #CEC8C3	RGB 206 200 195	#CEC8C3
16.7%	16.7% #C8BDB5	RGB 200 189 181	#C8BDB5
33.3%	33.3% #C3B2A7	RGB 195 178 167	#C3B2A7
50.0%	50.0% #BEA79A	RGB 190 167 154	#BEA79A
66.7%	66.7% #B89C8C	RGB 184 156 140	#B89C8C
83.3%	83.3% #B3917E	RGB 179 145 126	#B3917E
100.0%	100.0% #AE8671	RGB 174 134 113	#AE8671

#CEC8C3 #C8BDB5 #C3B2A7 #BEA79A #B89C8C #B3917E #AE8671

#CEC8C3 - #AE8671

Mezcla HSV

#CEC8C3 - #AE8671 | 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 #AE8671 como 100%.

0.0%	0.0% #CEC8C3	RGB 206 200 195	#CEC8C3
16.7%	16.7% #C8BDB4	RGB 200 189 180	#C8BDB4
33.3%	33.3% #C3B1A5	RGB 195 177 165	#C3B1A5
50.0%	50.0% #BEA697	RGB 190 166 151	#BEA697
66.7%	66.7% #B89B8A	RGB 184 155 138	#B89B8A
83.3%	83.3% #B3907D	RGB 179 144 125	#B3907D
100.0%	100.0% #AE8671	RGB 174 134 113	#AE8671

#CEC8C3 #C8BDB4 #C3B1A5 #BEA697 #B89B8A #B3907D #AE8671

#CEC8C3 - #BEA697 - #AE8671

Códigos CSS

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

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