#C8C3BC - #A58369 | 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 #C8C3BC a #A58369

#C8C3BC #A58369

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

#C8C3BC - #A58369 | 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 #C8C3BC como 0% y #A58369 como 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #C2B8AE	RGB 194 184 174	#C2B8AE
33.3%	33.3% #BCADA0	RGB 188 173 160	#BCADA0
50.0%	50.0% #B6A392	RGB 182 163 146	#B6A392
66.7%	66.7% #B09884	RGB 176 152 132	#B09884
83.3%	83.3% #AA8D76	RGB 170 141 118	#AA8D76
100.0%	100.0% #A58369	RGB 165 131 105	#A58369

#C8C3BC #C2B8AE #BCADA0 #B6A392 #B09884 #AA8D76 #A58369

#C8C3BC - #A58369

Mezcla HSV

#C8C3BC - #A58369 | 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 #C8C3BC como 0% y #A58369 como 100%.

0.0%	0.0% #C8C3BC	RGB 200 195 188	#C8C3BC
16.7%	16.7% #C2B8AC	RGB 194 184 172	#C2B8AC
33.3%	33.3% #BCAE9D	RGB 188 174 157	#BCAE9D
50.0%	50.0% #B6A38F	RGB 182 163 143	#B6A38F
66.7%	66.7% #B09882	RGB 176 152 130	#B09882
83.3%	83.3% #AA8D75	RGB 170 141 117	#AA8D75
100.0%	100.0% #A58369	RGB 165 131 105	#A58369

#C8C3BC #C2B8AC #BCAE9D #B6A38F #B09882 #AA8D75 #A58369

#C8C3BC - #B6A38F - #A58369

Códigos CSS

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

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