#B67F7F - #FDCBA2 | 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 #B67F7F a #FDCBA2

#B67F7F #FDCBA2

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

#B67F7F - #FDCBA2 | 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 #B67F7F como 0% y #FDCBA2 como 100%.

0.0%	0.0% #B67F7F	RGB 182 127 127	#B67F7F
16.7%	16.7% #C18B84	RGB 193 139 132	#C18B84
33.3%	33.3% #CD988A	RGB 205 152 138	#CD988A
50.0%	50.0% #D9A590	RGB 217 165 144	#D9A590
66.7%	66.7% #E5B196	RGB 229 177 150	#E5B196
83.3%	83.3% #F1BE9C	RGB 241 190 156	#F1BE9C
100.0%	100.0% #FDCBA2	RGB 253 203 162	#FDCBA2

#B67F7F #C18B84 #CD988A #D9A590 #E5B196 #F1BE9C #FDCBA2

#B67F7F - #FDCBA2

Mezcla HSV

#B67F7F - #FDCBA2 | 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 #B67F7F como 0% y #FDCBA2 como 100%.

0.0%	0.0% #B67F7F	RGB 182 127 127	#B67F7F
16.7%	16.7% #C18985	RGB 193 137 133	#C18985
33.3%	33.3% #CD958B	RGB 205 149 139	#CD958B
50.0%	50.0% #D9A191	RGB 217 161 145	#D9A191
66.7%	66.7% #E5AE97	RGB 229 174 151	#E5AE97
83.3%	83.3% #F1BC9C	RGB 241 188 156	#F1BC9C
100.0%	100.0% #FDCBA2	RGB 253 203 162	#FDCBA2

#B67F7F #C18985 #CD958B #D9A191 #E5AE97 #F1BC9C #FDCBA2

#B67F7F - #D9A191 - #FDCBA2

Códigos CSS

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

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