#BC5E5E - #902119 | 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 #BC5E5E a #902119

#BC5E5E #902119

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

#BC5E5E - #902119 | 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 #BC5E5E como 0% y #902119 como 100%.

0.0%	0.0% #BC5E5E	RGB 188 94 94	#BC5E5E
16.7%	16.7% #B45352	RGB 180 83 82	#B45352
33.3%	33.3% #AD4947	RGB 173 73 71	#AD4947
50.0%	50.0% #A63F3B	RGB 166 63 59	#A63F3B
66.7%	66.7% #9E3530	RGB 158 53 48	#9E3530
83.3%	83.3% #972B24	RGB 151 43 36	#972B24
100.0%	100.0% #902119	RGB 144 33 25	#902119

#BC5E5E #B45352 #AD4947 #A63F3B #9E3530 #972B24 #902119

#BC5E5E - #902119

Mezcla HSV

#BC5E5E - #902119 | 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 #BC5E5E como 0% y #902119 como 100%.

0.0%	0.0% #BC5E5E	RGB 188 94 94	#BC5E5E
16.7%	16.7% #B45150	RGB 180 81 80	#B45150
33.3%	33.3% #AD4643	RGB 173 70 67	#AD4643
50.0%	50.0% #A63B37	RGB 166 59 55	#A63B37
66.7%	66.7% #9E312C	RGB 158 49 44	#9E312C
83.3%	83.3% #972922	RGB 151 41 34	#972922
100.0%	100.0% #902119	RGB 144 33 25	#902119

#BC5E5E #B45150 #AD4643 #A63B37 #9E312C #972922 #902119

#BC5E5E - #A63B37 - #902119

Códigos CSS

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

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