#B85C5C - #8C2018 | 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 #B85C5C a #8C2018

#B85C5C #8C2018

Calcule el color entre dos colores, #B85C5C y #8C2018. 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)

#B85C5C - #8C2018 | 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 #B85C5C como 0% y #8C2018 como 100%.

0.0%	0.0% #B85C5C	RGB 184 92 92	#B85C5C
16.7%	16.7% #B05250	RGB 176 82 80	#B05250
33.3%	33.3% #A94845	RGB 169 72 69	#A94845
50.0%	50.0% #A23E3A	RGB 162 62 58	#A23E3A
66.7%	66.7% #9A342E	RGB 154 52 46	#9A342E
83.3%	83.3% #932A23	RGB 147 42 35	#932A23
100.0%	100.0% #8C2018	RGB 140 32 24	#8C2018

#B85C5C #B05250 #A94845 #A23E3A #9A342E #932A23 #8C2018

#B85C5C - #8C2018

Mezcla HSV

#B85C5C - #8C2018 | 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 #B85C5C como 0% y #8C2018 como 100%.

0.0%	0.0% #B85C5C	RGB 184 92 92	#B85C5C
16.7%	16.7% #B04F4E	RGB 176 79 78	#B04F4E
33.3%	33.3% #A94442	RGB 169 68 66	#A94442
50.0%	50.0% #A23A36	RGB 162 58 54	#A23A36
66.7%	66.7% #9A302B	RGB 154 48 43	#9A302B
83.3%	83.3% #932721	RGB 147 39 33	#932721
100.0%	100.0% #8C2018	RGB 140 32 24	#8C2018

#B85C5C #B04F4E #A94442 #A23A36 #9A302B #932721 #8C2018

#B85C5C - #A23A36 - #8C2018

Códigos CSS

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

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