#C4B3B3 - #9C5E5E | 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 #C4B3B3 a #9C5E5E

#C4B3B3 #9C5E5E

Calcule el color entre dos colores, #C4B3B3 y #9C5E5E. 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)

#C4B3B3 - #9C5E5E | 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 #C4B3B3 como 0% y #9C5E5E como 100%.

0.0%	0.0% #C4B3B3	RGB 196 179 179	#C4B3B3
16.7%	16.7% #BDA4A4	RGB 189 164 164	#BDA4A4
33.3%	33.3% #B69696	RGB 182 150 150	#B69696
50.0%	50.0% #B08888	RGB 176 136 136	#B08888
66.7%	66.7% #A97A7A	RGB 169 122 122	#A97A7A
83.3%	83.3% #A26C6C	RGB 162 108 108	#A26C6C
100.0%	100.0% #9C5E5E	RGB 156 94 94	#9C5E5E

#C4B3B3 #BDA4A4 #B69696 #B08888 #A97A7A #A26C6C #9C5E5E

#C4B3B3 - #9C5E5E

Mezcla HSV

#C4B3B3 - #9C5E5E | 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 #C4B3B3 como 0% y #9C5E5E como 100%.

0.0%	0.0% #C4B3B3	RGB 196 179 179	#C4B3B3
16.7%	16.7% #BDA3A3	RGB 189 163 163	#BDA3A3
33.3%	33.3% #B69393	RGB 182 147 147	#B69393
50.0%	50.0% #B08585	RGB 176 133 133	#B08585
66.7%	66.7% #A97777	RGB 169 119 119	#A97777
83.3%	83.3% #A26A6A	RGB 162 106 106	#A26A6A
100.0%	100.0% #9C5E5E	RGB 156 94 94	#9C5E5E

#C4B3B3 #BDA3A3 #B69393 #B08585 #A97777 #A26A6A #9C5E5E

#C4B3B3 - #B08585 - #9C5E5E

Códigos CSS

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

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