#CECCC3 - #A69271 | 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 #CECCC3 a #A69271

#CECCC3 #A69271

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

#CECCC3 - #A69271 | 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 #CECCC3 como 0% y #A69271 como 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C2B5	RGB 199 194 181	#C7C2B5
33.3%	33.3% #C0B8A7	RGB 192 184 167	#C0B8A7
50.0%	50.0% #BAAF9A	RGB 186 175 154	#BAAF9A
66.7%	66.7% #B3A58C	RGB 179 165 140	#B3A58C
83.3%	83.3% #AC9B7E	RGB 172 155 126	#AC9B7E
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C2B5 #C0B8A7 #BAAF9A #B3A58C #AC9B7E #A69271

#CECCC3 - #A69271

Mezcla HSV

#CECCC3 - #A69271 | 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 #CECCC3 como 0% y #A69271 como 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C3B3	RGB 199 195 179	#C7C3B3
33.3%	33.3% #C0B9A5	RGB 192 185 165	#C0B9A5
50.0%	50.0% #BAB097	RGB 186 176 151	#BAB097
66.7%	66.7% #B3A689	RGB 179 166 137	#B3A689
83.3%	83.3% #AC9C7D	RGB 172 156 125	#AC9C7D
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C3B3 #C0B9A5 #BAB097 #B3A689 #AC9C7D #A69271

#CECCC3 - #BAB097 - #A69271

Códigos CSS

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

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