#B16B5E - #E8D4D1 | 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 #B16B5E a #E8D4D1

#B16B5E #E8D4D1

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

#B16B5E - #E8D4D1 | 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 #B16B5E como 0% y #E8D4D1 como 100%.

0.0%	0.0% #B16B5E	RGB 177 107 94	#B16B5E
16.7%	16.7% #BA7C71	RGB 186 124 113	#BA7C71
33.3%	33.3% #C38E84	RGB 195 142 132	#C38E84
50.0%	50.0% #CC9F97	RGB 204 159 151	#CC9F97
66.7%	66.7% #D5B1AA	RGB 213 177 170	#D5B1AA
83.3%	83.3% #DEC2BD	RGB 222 194 189	#DEC2BD
100.0%	100.0% #E8D4D1	RGB 232 212 209	#E8D4D1

#B16B5E #BA7C71 #C38E84 #CC9F97 #D5B1AA #DEC2BD #E8D4D1

#B16B5E - #E8D4D1

Mezcla HSV

#B16B5E - #E8D4D1 | 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 #B16B5E como 0% y #E8D4D1 como 100%.

0.0%	0.0% #B16B5E	RGB 177 107 94	#B16B5E
16.7%	16.7% #BA796E	RGB 186 121 110	#BA796E
33.3%	33.3% #C3897F	RGB 195 137 127	#C3897F
50.0%	50.0% #CC9A92	RGB 204 154 146	#CC9A92
66.7%	66.7% #D5ACA6	RGB 213 172 166	#D5ACA6
83.3%	83.3% #DEBFBB	RGB 222 191 187	#DEBFBB
100.0%	100.0% #E8D4D1	RGB 232 212 209	#E8D4D1

#B16B5E #BA796E #C3897F #CC9A92 #D5ACA6 #DEBFBB #E8D4D1

#B16B5E - #CC9A92 - #E8D4D1

Códigos CSS

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

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