#B4A1A1 - #6D4456 | 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 #B4A1A1 a #6D4456

#B4A1A1 #6D4456

Calcule el color entre dos colores, #B4A1A1 y #6D4456. 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)

#B4A1A1 - #6D4456 | 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 #B4A1A1 como 0% y #6D4456 como 100%.

0.0%	0.0% #B4A1A1	RGB 180 161 161	#B4A1A1
16.7%	16.7% #A89194	RGB 168 145 148	#A89194
33.3%	33.3% #9C8288	RGB 156 130 136	#9C8288
50.0%	50.0% #90727B	RGB 144 114 123	#90727B
66.7%	66.7% #84636F	RGB 132 99 111	#84636F
83.3%	83.3% #785362	RGB 120 83 98	#785362
100.0%	100.0% #6D4456	RGB 109 68 86	#6D4456

#B4A1A1 #A89194 #9C8288 #90727B #84636F #785362 #6D4456

#B4A1A1 - #6D4456

Mezcla HSV

#B4A1A1 - #6D4456 | 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 #B4A1A1 como 0% y #6D4456 como 100%.

0.0%	0.0% #B4A1A1	RGB 180 161 161	#B4A1A1
16.7%	16.7% #A88E90	RGB 168 142 144	#A88E90
33.3%	33.3% #9C7D82	RGB 156 125 130	#9C7D82
50.0%	50.0% #906D75	RGB 144 109 117	#906D75
66.7%	66.7% #845E69	RGB 132 94 105	#845E69
83.3%	83.3% #78505F	RGB 120 80 95	#78505F
100.0%	100.0% #6D4456	RGB 109 68 86	#6D4456

#B4A1A1 #A88E90 #9C7D82 #906D75 #845E69 #78505F #6D4456

#B4A1A1 - #906D75 - #6D4456

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4A1A1 0%, #906D75 50%, #6D4456 100%);
    background: -webkit-linear-gradient(top, #B4A1A1 0%, #906D75 50%, #6D4456 100%);
    background: linear-gradient(to bottom, #B4A1A1 0%, #906D75 50%, #6D4456 100%);
}
</style>